jQuery学习笔记

《jQuery学习笔记》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、jQuery学习笔记jQuery是一个简洁快速灵活的JavaScript框架，能让你在网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。1          jQuery大多是基于document一个或多个元素进行操作的，选择元素就是基础。1.1         通过tagName匹配。$("p")就是选出所有的document中P标签的元素1.2         通过ID匹配。$("#list1")就是选出所有的document中id="list1"的元素1.3         通过.className匹配。$(

2、".a")就是选出所有的document中class="a"的元素1.4         通过tag.className匹配。$("p.b")就是选出所有的P标签的属性class="b"的元素1.5         通过tag#id.className匹配。$("ul#list1.b")就是选出所有的ul标签id="list1"的属性class="b"的元素1.6         多类一起选择。$('ul,ol,dl')选出所有的ul、ol、dl标签的元素2          匹配元素是集合时，需要通过过滤来匹配元素。2.1      

3、   基本过滤。2.1.1    :first(:last)$("p:first")P标签元素集的第1个2.1.2    :even(:odd)$("p:odd")P标签元素集的第奇数个（开始）2.1.3    :eq(n):gt(n):lt(n)$("p:gt(1)")P标签元素集第大于1的（开始）2.1.4    :not$("p:not(p:eq(2))")P标签元素集中不是第2个那些（开始）2.1.5    :header2.1.6    :animated2.2         属性过滤2.2.1    [attribute]

4、$("p[name]")P标签元素集中含name属性的元素2.2.2    [attribute=value]$("p[id=para1]")P标签元素集中id="para1"的元素2.2.3    [attribute!=value]$("p[id!=para1]")P标签元素集中id非para1的那些元素2.2.4    [attribute^=value]$("p[id^=para]")P标签元素集中id以para开头的元素2.2.5    [attribute$=value]$("p[id$=a1]")P标签元素集中id以a1结

5、尾的元素2.2.6    [attribute*=value]$("p[id*=ar]")P标签元素集中id包含ar的那些元素2.2.7    [attrFilter1][attrFilterN]$("p[id^=para][lang*=en-]")P标签元素集中id不以para开头且属性lang包含en-的元素2.3         内容过滤2.3.1    :contains(text)$("p:contains(ara)")P标签元素集中text包含ara的那些元素2.3.2    :empty$('td:empty')td标签元

6、素集中无text的那些td元素2.3.3    :has(selector)$("ul:has(li[class=a])")ul标签集中包含li[class=a]元素的那些ul元素2.3.4    :parent$("p:parent")P标签元素集中那些非空的元素2.4         可见性过滤2.4.1    :visible$("p:visible")P标签元素集中那些可见的元素2.4.2    :hidden$("p:hidden")P标签元素集中那些不可见的元素2.5         子元素过滤2.5.1    :nth-c

7、hild(index)、:nth-child(even)、:nth-child(odd)$("ulli:nth-child(odd)")ul标签子元素li集中那些奇数元素（1开始）2.5.2    :nth-child(equation)$("ulli:nth-child(2n)")ul标签子元素li集中那些数元素（1开始）2.5.3    :first-child、:last-child$("ulli:first-child")ul标签子元素li集中第1个元素2.5.4    :only-child$("ulli:only-child

8、")ul标签子元素li集中仅有1个元素2.6         Form过滤2.6.1    :input$("form:input")Form中所有的输入域，包括：select、text、textarea、