1.jQuery核心选择器 (sizzle.js)
2.jQuery有两个主要特性
①隐式迭代//改变页面所有p标签的背景色$('p').css('backgroundColor','yellow');②链式编程 //当执行破坏链式编程的方法时,可以通过end()方法修复$(this).prevAll().css('color','red').end().nextAll().css('color','blue');
3.jQuery中大多数都是方法而不是属性(实现链式编程)
var str = $('#id').val();//获取值,也是调用的方法$('#id').val('我是被设置的值');//设置值
4.attr()和prop()
attr ->attribute , prop->property
$(this).attr('checked'); //this.getAttribute(); this.setAttribute(); 在网页中直接看到的值,得到的是 string 类型 $(this).prop('checked'); //this.checked 经过计算后的值,得到的是 Boolean 类型
5.jQuery对象 和 dom对象
//jQuery对象本身就是一个dom对象的集合 jQuery对象转dom对象 $('#btn')[0]或$('#btn').get(0)
6.jQuery选择器部分元字符
,
.空格 find()//所有后代> children()//直接后代+ next()//下一个兄弟~ nextAll()siblings()//所有兄弟prev()//上一个兄弟prevAll()nextUntil() prevUntil()
//状态过滤
:disabled:enabled:checked:selected:input//<input><select><textarea>等:header
:first//first():last//last():even:odd:gt(1)//gt():eq(1)//eq():lt(1)//lt():not(某种选择器)//not()//属性过滤
[attr=xxx][attr!=xxx][attr^=xxx][attr*=xxx][attr$=xxx][attr1=xxx][attr2=yyy]7.提交到表单数据
//不要再对表单一个一个取值提交了,可以对一个表单进行序列化 得到键值对数组$.post('提交地址',$('#表单id').serializeArray(),function(ret){ //回调代码});//支持表单上传文件var form = new FormData(document.getElementById("表单id"));$.post('提交地址',form,function(ret){ //回调代码});