jQuery入门(一)

来源:互联网 发布:公寓值得投资吗 知乎 编辑:程序博客网 时间:2024/05/29 19:27
Query由美国人john Resig在2006年创建,是目前最流行的JavaScript程序库,是对JavaScript对象和函数的封装。
jQuery设计思想:write less,do more
jQuery优势:强大的选择器,出色的DOM封装,可靠的事件处理机制,出色的浏览器兼容性,丰富的插件支持,体积小巧100kb,使用隐式迭代简化编程

下载:http://jquery.com → download →PastReleases(页面底部点击jQuery CDN) → 有各个领域的jQuery(UI,Mobile)→see all version of jQuery core→随意选择版本,右键另存  →有2个下载链接:一个用于学习,一个用于项目使用


导入项目:页面中添加script标签   <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>


jQuery的基本语法结构:$(selector).action()
$==jQuery:防止与其他插件的冲突可用全名
工厂函数$():将DOM对象转换成jQuery对象
选择器selector:获取需要操作的DOM元素
方法action():jQuery中提供的方法,包括绑定事件处理的方法


页面加载对比:
//JavaScript,等同于$(window).load()
window.onload=function(){
alert("123");
}


//jQuery,简写$(function(){})
$(document).ready(function(){
alert("123");
});



DOM对象和Jquery对象的互相转换:

jQuery对象是一个类似数组的对象,通过[index]和get(index)获得对应的DOM对象

var $txtName=$(".txtName");//jQuery对象

var txtName=$txtName[0];//DOM对象

var txtName=$txtName.get(0);//DOM对象


jQuery基本选择器:



jQuery层次选择器:



jQuery属性选择器:





jQuery基本过滤选择器:




jQuery可见性过滤选择器:



jQuery表单选择器:




jQuery内容过滤器:




特殊字符的转义:

<div id="id#2">1111</div>

$("#id\\#2");

java中单\转义,此处双\\的原因是jQuery解析时用掉一个\,再转交给js处理又会用掉一个\!


选择器内容要注意书写规范,多一个空格选择的内容就会不一样:

$(".test:hidden"):选取隐藏的class=test的元素

$(".test    :hidden"):选取class=test的元素内部的隐藏元素


以上仅为最基本的选择器,更全更实用的选择器尽在帮助文档的阅读!!!!



0 0
原创粉丝点击