码迷,mamicode.com
首页 > Web开发 > 详细

JQuery选择器

时间:2020-01-11 16:43:34      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:jquery   颜色   width   现在   http   ima   image   标签   改变   

JQuery选择元素

技术图片

 

 

 这是选择所有的p标签,并且将字体颜色改为红色,这里需要注意的是,在使用JQuery的选择方式,也就是$( )时,我们要加 ‘ ’  ,切通过css的设置,我们可以改变其内的样式,

我们来看JQ是如何选择类的

技术图片

 

 

 还是通过打点的方式,我们选中类名,以此我们可以知道id如何选择

技术图片

 

 

z 并且css的样式是可以多写的,也同js的样式设置一样是驼峰命名规则

好,我们现在来看一下这个样式写在哪

技术图片

 

 

 我们可以看到,JQuery的样式添加都是行内式

JQuery还有别的选择器方式,

我们通过案例来看一下

1.选择页面所有元素

技术图片

 

$(‘ * ‘)是选择页面所有的元素,例如此处的div,我们来看一下

技术图片

 

 此处div之前设置了黑色的背景,但是通过JQ中的全选,div得背景色就换了

 

我们知道了JQ添加的样式都是行内式的,我们接下来将JQ添加的行内式都去除,通过按钮的点击事件

技术图片

 

 技术图片

 

 这里我们可以看到了页面中所有元素的行内样式都清空了。

JQuery选择器

标签:jquery   颜色   width   现在   http   ima   image   标签   改变   

原文地址:https://www.cnblogs.com/hzqzwl/p/12180282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!