1、[b]<span style="color: #ff0000;">[b]工厂函数$()[/b]</span>[/b]
作用:消除使用for循环访问一组元素的需求,因为放到圆括号中的任何元素都将自动执行循环遍历,并且会被保存到一个
jquery对象中。 在$()函数的圆括号中使用的参数几乎没有什么限制。
eg:
$('p')会取得文档中所有的段落。
id:$('#some-id')会取得文档中具有对应的some-id id的一个元素。
类:$('.some-class')会取得文档中带有some-class类的所有元素。
2、<span style="color: #ff0000;">[b]css选择符[/b]</span>
作用:使得开发者在增强自己的网站时,不必为哪种浏览器(特别是ie 6及更低版本)可能会不理解高级的选择符而担
心,只要该浏览器启用了javascript就没有问题。
3、[b]<span style="color: #ff0000;">$(document).ready()</span>[/b]结构时,位于其中的所有代码都会在dom加载后立即执行。
4、[b]<span style="color: #ff0000;">[b]xpath选择符[/b]</span>[/b]
作用:是在xml文档中识别不同元素或者元素值的一种语言,与css在html文档中识别元素的方式类似。
eg:
1)、在涉及属性选择符时,jquery使用了xpath中的惯例来标识属性,即将属性前置一个@符号并放在一对方括号中。
也就是说,jquery没有采用css中不够灵活的属性选择符语法。
例如,要选择所有带title属性的链接,可以使用下面的代码:
$("a[@title])")
2)、方括号在xpath语法中还有一种用途,即在不带前置@符号的情况下,可以用来指定包含在另一个元素中的元素。
例如,我们可以通过下面的选择符表达式,取得包含一个ol元素的所有div元素 :
$("div[ol]")
5、<span style="color: #ff0000;">[b]自定义选择符[/b]</span>
自定义选择符的语法与css中的伪类选择符语法相同,即选择符以一个冒号(:)开头。
eg1:我们想要从匹配的带有horizontal类的div集合中,选择第2个项,那么应该使用下面的代码:
$("div.horizontal:eq[1]")
eg2:jquery库中的两个十分有用的自定义选择符是:odd和:even。如何通过这两个选择符为表格添加基本的条纹样
式,针对下面的html表格:
$(document).ready(function(){
$("tr:odd").addclass("odd");
$("tr:even").addclass("even");
})
作用:消除使用for循环访问一组元素的需求,因为放到圆括号中的任何元素都将自动执行循环遍历,并且会被保存到一个
jquery对象中。 在$()函数的圆括号中使用的参数几乎没有什么限制。
eg:
$('p')会取得文档中所有的段落。
id:$('#some-id')会取得文档中具有对应的some-id id的一个元素。
类:$('.some-class')会取得文档中带有some-class类的所有元素。
2、<span style="color: #ff0000;">[b]css选择符[/b]</span>
作用:使得开发者在增强自己的网站时,不必为哪种浏览器(特别是ie 6及更低版本)可能会不理解高级的选择符而担
心,只要该浏览器启用了javascript就没有问题。
3、[b]<span style="color: #ff0000;">$(document).ready()</span>[/b]结构时,位于其中的所有代码都会在dom加载后立即执行。
4、[b]<span style="color: #ff0000;">[b]xpath选择符[/b]</span>[/b]
作用:是在xml文档中识别不同元素或者元素值的一种语言,与css在html文档中识别元素的方式类似。
eg:
1)、在涉及属性选择符时,jquery使用了xpath中的惯例来标识属性,即将属性前置一个@符号并放在一对方括号中。
也就是说,jquery没有采用css中不够灵活的属性选择符语法。
例如,要选择所有带title属性的链接,可以使用下面的代码:
$("a[@title])")
2)、方括号在xpath语法中还有一种用途,即在不带前置@符号的情况下,可以用来指定包含在另一个元素中的元素。
例如,我们可以通过下面的选择符表达式,取得包含一个ol元素的所有div元素 :
$("div[ol]")
5、<span style="color: #ff0000;">[b]自定义选择符[/b]</span>
自定义选择符的语法与css中的伪类选择符语法相同,即选择符以一个冒号(:)开头。
eg1:我们想要从匹配的带有horizontal类的div集合中,选择第2个项,那么应该使用下面的代码:
$("div.horizontal:eq[1]")
eg2:jquery库中的两个十分有用的自定义选择符是:odd和:even。如何通过这两个选择符为表格添加基本的条纹样
式,针对下面的html表格:
<table> <tr> <td> hello </td> <td> this is json </td> </tr> <tr> <td> hi </td> <td> my name is tank </td> </tr> <tr> <td> nice to meet you </td> <td> too </td> </tr> </table>
css样式表:
.odd{ background-color:#ffc;/*奇数行的背景颜色为黄色*/ }.even{ background-color:#cef;/*偶数行的背景颜色为绿色*/ }
jquery代码:
$(document).ready(function(){
$("tr:odd").addclass("odd");
$("tr:even").addclass("even");
})