你的位置:首页 > 软件开发 > Java > 第2章 jQuery的选择器

第2章 jQuery的选择器

发布时间:2016-09-30 17:00:17
选择器是jQuery的根基一. 认识1.CSS常用的选择器标签选择器,后代选择器,Id选择器,通配符选择器,类选择器,群组选择器——主流浏览器全部支持伪类选择器,子选择器,临近选择器等等——不是全部被 ...

选择器是jQuery的根基

一. 认识

1.CSS常用的选择器

标签选择器,后代选择器,Id选择器,通配符选择器,类选择器,群组选择器——主流浏览器全部支持

伪类选择器,子选择器,临近选择器等等——不是全部被支持

2.jQuery选择器

比如有个

<p >demo</p>

CSS写法是.demo

jq写法是$('.demo')

二者写法相似,但是前者添加的是样式,后者是行为。

二. 优势

写法当然简洁多了,还支持CSS1-CSS3。而且在使用一个可能不存在的元素时,自动帮你判断,存在的话执行,不存在则不执行。

那么问题来了:jq函数获取的永远是一个对象——所以不要使用如下代码

1

 

注意事项:

(1)当选择器含有特殊字符(比如16进制颜色代码)

\\#666

(2)注意:xxx的空格问题,意义和表现都是不同的。

 

【久违的案例】某购物网站品牌列表效果

项目需求:点击显示更多,弹出隐藏的选项,同时将重要推荐高亮显示,同时按钮文字变成:收起。再次单击收起,变回原来的页面。可以先写出JavaScript的工作方式。

先布局

1

评述:由于原生js的局限性,需要在html中导入较多的class。而且获取a的属性也相当麻烦。

jquery

1

原标题:第2章 jQuery的选择器

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录