选择器是jQuery的根基一. 认识1.CSS常用的选择器标签选择器,后代选择器,Id选择器,通配符选择器,类选择器,群组选择器——主流浏览器全部支持伪类选择器,子选择器,临近选择器等等——不是全部被 ...
选择器是jQuery的根基
一. 认识
1.CSS常用的选择器
标签选择器,后代选择器,Id选择器,通配符选择器,类选择器,群组选择器——主流浏览器全部支持
伪类选择器,子选择器,临近选择器等等——不是全部被支持
2.jQuery选择器
比如有个
<p >demo</p>
CSS写法是.demo
jq写法是$('.demo')
二者写法相似,但是前者添加的是样式,后者是行为。
二. 优势
写法当然简洁多了,还支持CSS1-CSS3。而且在使用一个可能不存在的元素时,自动帮你判断,存在的话执行,不存在则不执行。
那么问题来了:jq函数获取的永远是一个对象——所以不要使用如下代码
注意事项:
(1)当选择器含有特殊字符(比如16进制颜色代码)
\\#666
(2)注意:xxx的空格问题,意义和表现都是不同的。
【久违的案例】某购物网站品牌列表效果
项目需求:点击显示更多,弹出隐藏的选项,同时将重要推荐高亮显示,同时按钮文字变成:收起。再次单击收起,变回原来的页面。可以先写出JavaScript的工作方式。
先布局
评述:由于原生js的局限性,需要在html中导入较多的class。而且获取a的属性也相当麻烦。
jquery:
原标题:第2章 jQuery的选择器
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。