使用JQuery获取对象的几种方式,值得收藏

html-css020

使用JQuery获取对象的几种方式,值得收藏,第1张

不管是 js 还是 jQuery,获取对象的方式无非几种:

1、通过 ID;

2、通过 css 类名;

3、通过 tag 标签名;

4、通过通配符选择;

但是在 jQuery 里面,由这几种方式衍生出了很多用法,在写法上也有很多技巧,要一项一项列出来去详细说,那可真是有点费劲了;

不过官方有文档说明:网页链接

css()方法

获取或设置样式

对以下html标签进行样式的获取和设置

css()方法设置参数,参数为要设置的样式名

可用驼峰命名也可用css命名方式。注意样式名需要加''

点击获取按钮,结果:

但是在IE浏览器里,用 console.log($('#div1').css('border'))可能会不显示或出现undefined。

在IE浏览器中,要获取边框这样的样式值,一定要记得给一个准确的边框值。例如:

console.log($('#div1').css('Border-top-width'))//2px

获取包含了多个DOM元素的jQuery对象的样式,只能获取到第一个DOM对象的样式。例如:

console.log($('div').css('width'))//200px

css(样式名,样式值)

设置的样式是行内样式

单样式里样式名必须在''里,宽高度单位px可不写,这时300可不加'',如果加px,则必须为'300px'

多样式里样式名可不加''。但是 background-color:'green' 这样写报错。

给多个div一起设置样式

隐式迭代,把每一个div都设置了同样的样式

1、使用标签获取元素数组

2、遍历数组

3、判断每一个元素,找出css("display")为block的元素

具体代码如下:

 $(function(){

     //取出所有div,并遍历

     $("div").each(){

         //判断每一个div,其css中display是否为block

         if($(this).css("display")=="block"){

             alert('您想要的元素')

         }

     }

 })