我的jquery学习笔记整理

1、1、jquery和javascript严格区分大小写；$代表 jquery，如 $ (document) .ready(function()2、 jquery.noConflict():该方法使jquery主动放弃$变量的控制权，执行完该方法后，使用变量 $将不能再操作jquery核心函数了。jquery.noConflict(extreme):该方法需要一个布尔型的参数，当参数值为false时，执行效果与无参方法执行效果一样，当参数为 true时，jquery类库不但放弃变量$的控制权，而且将会 放弃变量jquery的控制权。3、 jquery ()该函数返回一个空的jquery对象jque

2、ry ( elements)该函数将一个或多个DOM 元素转化为 jquery对象(或jquery集合)女口jquery ( document)，另外，这个函数也可以把XML文档和window对象作为有效的参数。jquery ( callback)，该函数是 jquery ( document) .ready(callback)的简写，该函数将绑定一个在DOM文档载入完成之后执行的函数。页面中所有需要在DOM加载完成时执行的jquery操作，都需要包含在这个函数中。开发人员可以在一个页面中使用任意多个jquery(document) .ready 事件。jquery(expression,co

3、ntext):该函数接收一个包含 jquery选择器的字符串，然后利用这个字符串去匹配一个或多个元素，jquery中的操作都需要使用jquery对象，所以jquery的一切操 作都要基于这个函数，或者以某种方式使用这个函数，con text是可选参数，如果没有指定con text参数，jquery函数将在当前的 HTML文档中查找 DOM元素，如果指定了con text参数，就会在这个 con text中查找。jquery(html):该函数根据提供的 HTML标记代码，动态创建由jquery对象圭寸装的 DOM元 素，女口 jquery “<div></div> ”)

4、将创建一个 div节点，可以动态添加到 DOM中。jquery ( html， props):该函数根据提供的 HTML标记代码，动态创建由jquery对象封装的DOM元素，同时对该 DOM元素设置一组属性、事件等如：jquery “ <i nput> ” ,type:"text", name="username")上述代码将创建一个 in put 节点，并设置 type属性为text，name属性为username,同样该DOM元素可以被动态的添加到页面中。jquery ( html， ownerDocument):该函数根据提供的HTML

5、标记代码，动态创建由jquery对象圭寸装的DOM元素，并指定该 DOM元素所在的文档。jquery对象不是普通对象，所以一般的变量无法对其直接饮用，不能写成var obj=jquery();应该是 var $obj=jquery();4、 jquery的基本选择器包括css选择器、层级选择器和表单选择器。层级选择器：1、子元素选择器：用于在给定的父元素下查找这个父元素下的所有子元素，语法如下：$("pare nt>child")2、后代元素选择器：用于在给定的祖先元素下匹配所有的后代元素，语法：$("a ncestor desce ndant")

6、之间用空格隔开，如 $("form in put")3、紧邻同辈元素选择器：紧邻同辈元素选择器用于匹配所有紧邻在prev元素后的next元素如：$("prev+ next"),其中next表示一个有效选择器，并且紧邻着prev选择器，两者之间用+分隔。4.相邻同辈元素选择器：用于选择某元素后面所有的同辈元素，如 $("prevsibli ngs")表单选择器：表单域就是指网页中的in put、textarea、select、button元素,jquery提供了一组选择器，专门用于从文档中选择表单域，这些表单器均以冒号：开头。如:$(&

7、quot;: text").attr("value","文本框")设置type为text的文本框值为文本框过滤选择器：在基本选择器的基础上添加过滤选择器来完成查询任务，可以使用元素的索引值、内容、属性、子元素位置、表单域属性以及可见性作为筛选条件。简单过滤选择器：主要是根据索引值对元素进行筛选，他们均以冒号：开头，并且与另一个选择器一起使用。1、： first选择器：$("selector:first")或者：last选择器：$("selector:last"),:odd选择器用于选择索引为奇数(从 0

8、开始计数)的所有元素，如：$("selector:odd"):even选择器：用于选择索引为偶数(从 0计数)的所有元素，如$("selector:even"):eq()选择器：用于从匹配的集合中选择索引等于给定值的元素，如$("selector:eq(index)"),index为指定元素在selector集合中的索引值(从 0开始计数)：gt()选择器：用于从匹配的集合中选择索 引值大于给定值的元素，如$("selector:gt(index)"):lt()选择器：用于从匹配的集合中选择索引值小于给定值的所有元

9、素，如$("selector:lt(index)")其中index为一个非负整数，：not()选择器用于从匹配的集合中去除所有与给定选择器匹配的元素，如：$("selector:not(selector2)")如$("td:not(:first,:last)")去除第一个和最后一个单元格。：header选择器用于选择所有诸如h1、h2、h3之类的标题元素。$(":header"),:animated()选择器：用于选择所有正在执行动画效果的 元素。如 $("selector:animated")

10、内容过滤选择器：如果将某个选择器或内容过滤选择器一起使用，就可以从查询到的元素中进一步筛选出具有给定文本或子元素的元素。1、： contains()选择器：用于选择包含给定文本的所有元素，$("selector:contains(text)"),text为指定的要查找的文本，其引号是可选的。2、has ()选择器：用于选择包含给定子元素的元素，如$("selector1:has(selector2)"),:empty选择器：用于选择不包含子元素或文本的所有空元素，如$("selector:empty"),:parent选择器：用于选择

11、包含子元素或文本的元素，与empty选择器的作用相反，如$("selector:parent")属性过滤选择器：jquery可以根据各种属性对由选择器查到的元素进行过滤。属性过滤选择器包含在中括号中，不能以冒号开头1，包含属性选择器：用于选择包含给定属性的所有元素， $("selectorattribute")2.属性等于选择器：用于选择给定属性等于某特定值的所有元素。如 $("selectorattribute=value")3、属性包含选择器：用于选择指定属性值包含给定字符串的所 有元素，如：$("selectoratt

12、ribute*=value")value 为属性值，引号是可选的。4、属性包含单词选择器：用于指定属性值中包含给定单词(由空格分隔)的元素，如 $("selectorattribute=value"),其中单词由value指定，是由空格分隔的字符串5、属性不等于选择器：用于选择不包含指定属性，或者包含该属性但属性值不等于给出的value值的所有元素，如$("selectorattribute!=value")6属性开始选择器：用于选择给定属性是以某特定值开 始的所有元素，如$("selectorattributeA=value&quo

13、t;)7、属性结尾选择器：用于选择指定属性是以 某个给定值结尾的所有元素。$("selectorattribute$=value"),与属性开始选择器用法相反。8、符合属性选择器：用于选择同时满足多个条件的所有元素。$("selectorselector1selector2selector3")子元素过滤器：其必须与某个选择器一起使用，首先使用这个选择器进行查询，由此得到一个父元素数组，然后按照子元素过滤器指定的规则对父元素进行进一步的筛选。1、: first-child选择器：用于选择其父级的第一个子元素的所有元素，如$("selector:

14、first-child")2 > last-child选择器：用于选择其父级的最后一个子元素的所有元素，如$("selector:last-child")3、: nth-child选择器：用于选择父元素下的第 n个子元素或奇偶元素，如 $("selector:nth-child(index/even/odd/euqation)")4、: only-child 选择器：用于选择某元素的唯一 选择器，如 $("selector:only-child")表单属性过滤选择器：$("selector:checked&q

15、uot;)、$("selector:enabled")(用于选择所有可用的表单域)$("selector:disabled")、$("selector:selected"):用于选择从列表框选择所有选中的option元素。可见性过滤选择器：$("selector:hidden")$("selector:visible")选择所有的不可见和可见元素。搜索操作：jquery可以对页面元素进行搜索，如搜索父元素、同辈元素和搜索子元素3中搜索方式。1、搜索父元素：pare nts(selector):该

16、方法用于获取当前元素集合中每个元素的祖先元素，根据 需要可以使用一个选择器进行筛选。即参数selector是可选的，表示用来筛选的表达式，即查找祖先元素以满足的筛选条件，该方法将一直查找到根元素，所以可能包含一个或多个元素。2、closest ()方法：该方法从元素本身开始，逐级向上级元素匹配，并返回最先匹配 的元素，closest( selector,context)，参数selector是一个包含选择器表达式的字符串或字符 串数组，参数 con text是可选的，该方法首先检查当期元素是否匹配，如果匹配则返回元素 本身，不匹配则向上查找父元素，如果什么都没找到，则返回一个空的jquery对

17、象。3、pare nt()用于获取当前匹配元素集合中每个元素的父元素，只遍历DOM元素的一个层级。4、parentsUntil ():用于获取当前匹配元素集合中每个元素的祖先元素，直至给定选择器匹配 的元素(但不包括该元素)，parentsUntil ( selector),selector可选，用于指定要停止匹配元 素的祖先。5、offsetParent():用于搜索第一个匹配元素的已定位的父元素，仅对可见元素 有效。搜索同辈元素：可使用previousSibling和nextSibling属性来检索与当前元素相邻的同辈元素1、next():用于获取紧跟在每个匹配元素之后的单个同辈元素。ne

18、xt ( selector) ,selector可选，表示指定一选择器对同辈元素进行筛选。2、nextAll ( selector):用于搜索紧跟在每个元素之后的所有同辈元素，包括它自身根据需要可以指定一个选择器对同辈元素进行筛选。3、nextUntil(selector):用于获取紧跟在每个匹配元素后面的同辈元素，直至匹配到给定选择器的元素(不包括最后匹配到的元素)同理有： prev ( selector)> prevAII(selector)、prevUntil(selector)4、siblings ( selector):用于搜索每个匹配元素的所有同辈元素。搜索子元素：1、children( selector):用于获取一个包含匹配的元素集合中每一个元素的所 有子元素的元素集合，并将搜索到所有的直接子元素。2、find(