(Jque.rt笔记.docx

1、核心1.1、Jquery核心函数1.1.1、jquery(expression,[context])第一个参数是一个选择器，第二个参数是一个对象。这个方法的意思是在第二个对象的里面寻找到匹配第一个选择器的元素。示例：$(“input”,”#testdiv”).length结果：61.1.2、jquery(html)参数是一个html字符串示例：$(“divhello!baby!/div”).appendTo(“#testdiv”)appendTo1.1.3、jquery(elements)这个是对常用的方法了示例：$(“#testdiv”)1.1.4、jquery(callback)当DOM加载结束后就执行的方法$(function(){})1.2、Jquery对象访问1.2.1 each(callback)对于每个匹配的元素都要执行函数示例：$(“div”).each(function(index,element){ })1.2.2 size() 计算元素的个数示例：$(“div”).size()1.2.3 length计算元素的个数示例：$(“div”).length1.2.4 get()将元素转换成数组示例：$(“div”).get().reverse()注：reverse是数组的方法，反续操作，1.2.5 get(index)取得index位置的元素示例：$(“div”).get(0) $(“div”).get(1)1.2.6 index(subject)返回符合条件的元素的索引值示例：div id=”footbar”/divdiv/divdiv id=”foot”/div$(“div”).index($(‘#footbar’)[0]) // 0$(“div”).index($(‘#foot’)[0]) // 2$(“div”).index($(‘#foot’)) // -11.3、数据缓存1.3.1 data(name)如下图1.3.2 data(name,value)如下图1.3.3 removeData(name)如下图 1.4、插件机制1.4.1 jquery.fn.extend(object)用来扩充jquery对象1.4.2 jquery.extend(object)用来扩充jquery对象1.5多库共存(暂时无)2、选择器2.1、基本这个比较简单，下面概要描述：#id例如：$(“#id”)Element 例如:$(“input”) $(“div”).class例如:$(“.textinput”)*例如：$(“*”)找到每一个元素Selector,selector 例如:$(“div,input,#id,p.class”) 找到匹配任意一个的元素2.2、层级2.2.1 ancestor descendant在给定祖先元素下匹配所有的后代元素说明：结果是form里面的所有input元素，注意和下面一节的区别2.2.2 parent child说明：这里是form下面的子级元素中的input，不包含子级的子级中的input元素，注意和上一节的区别2.2.3 prev + next2.2.4 prev ~ next2.3、简单2.3.1 :first2.3.2 :last2.3.3 :not(selector)2.3.4 :even匹配所有索引值为偶数的元素，从0开始计数2.3.5 :odd匹配所有索引值为奇数的元素，从0开始计数2.3.6 :eq(index)匹配一个给定索引值的元素（从0开始索引）2.3.7 :gt(index)匹配所有大于给定索引值的元素（从0开始索引）2.3.8 :lt(index)匹配所有小于给定索引值的元素（从0开始索引）2.3.9 :header匹配如h1,h2,h3之类的标题元素2.3.10 :animated匹配所有正在执行动画效果的元素2.4、内容2.4.1 :contains(text)匹配包含指定文本的元素2.4.2:empty匹配所有不包含子元素或者文本的空元素（和:parent相反）2.4.3 :has(selector)匹配含有选择器所匹配的元素的元素2.4.4 :parent匹配含有子元素或者文本的元素(和:empty相反)2.5、可见性2.5.1 :hidden匹配所有的不可见元素，input的type是hidden的时候也可以被匹配到2.5.2 :visible匹配所有可见的元素2.6、属性2.6.1 [attribute]匹配包含给定属性的元素2.6.2 [attribute=value]匹配给定的属性是某个特定值的元素2.6.3 [attribute=value]不匹配给定的属性是某个特定值的元素2.6.4 [attribute^=