jQuery学习2 选择器的使用说明

1203晨空飞絮

1203晨空飞絮

2016-02-19 14:12

下面是个jQuery学习2 选择器的使用说明教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!
1.利用CSS的基本选择器:
a:匹配所有链接a元素。
#*:匹配id为*的元素
.*:匹配CSS类为*的元素
a#*id.*class:匹配id为*id,并拥有CSS类为*class的链接元素。
以上是CSS中的写法,在jQuery中用$("")包起来,如:jQuery("p a.Class")

利用子选择器、容器选择器和特性选择器,以下面的为例:
代码如下:
ul class="myList"
lia href=http://jquery.comjQuery supports/a
ul
  lia href="css1"CSS1/a/li
  lia href="css2"CSS2/a/li
  lia href="css3"CSS3/a/li
  liBasic XPath/li
/ul
/li
li
ul
liCustom selectors/li
liForm selectors/li
/ul
/li
/ul

如果要选择第一个列表li中的所有链接做操作就应利用子选择器:ul.myList li a 而不能像这样ul.myList li a 因为所有这些链接a都是列表li元素的后代节点.
子选择器:父节点与直接子节点以右尖括号()隔开。
特性选择器:将符合特定内容的元素包起来。比如选择包含以http://开头的href值的链接:a[href^=http://]
input[type=text]:匹配type特性为text的所有input元素
div[title=^my]:匹配title特性值以my开头的所有div元素。
通过位置选择
a:first:选择器匹配页面上的第一个a元素
p:odd,p:even 分别匹配奇数和偶数元素
其他就不一一举例了,如有需要可到相关网站查找。
展开更多 50%)
分享

猜你喜欢

jQuery学习2 选择器的使用说明

Web开发
jQuery学习2 选择器的使用说明

jQuery入门[2]-选择器

Web开发
jQuery入门[2]-选择器

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JQuery 学习笔记 选择器之二

Web开发
JQuery 学习笔记 选择器之二

JQuery 学习笔记 选择器之三

Web开发
JQuery 学习笔记 选择器之三

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JQuery 学习笔记 选择器之一

Web开发
JQuery 学习笔记 选择器之一

JQuery 学习笔记 选择器之六

Web开发
JQuery 学习笔记 选择器之六

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

jQuery 学习6 操纵元素显示效果的函数

jQuery 学习6 操纵元素显示效果的函数

源代码解析——初探 AjaxTags

源代码解析——初探 AjaxTags
下拉加载更多内容 ↓