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的元素内部的隐藏元素
以上仅为最基本的选择器,更全更实用的选择器尽在帮助文档的阅读!!!!