jQuery选择器(二)属性选择器这个也很有用
jQuery 选择器是jQuery 最基础的使用方法,用好选择器是我们进行jquery开发的第一步,属性选择器就是通过标签属性进行选择对象的方法,属性是什么?a标签有href属性,img标签有src属性,所有表情都有id属性,style属性等,甚至还有一些自定义的属性,在我们选择对象的时候有时会碰到通过属性进行选择的情况,这给我选择页面对象提供了另一种选择,真实使用的时候也是很好用的。
操作方法
- 01
首先我们来说一下什么是标签的属性、方法和事件。 如果熟悉面向对象的童鞋肯定知道,对象的三大特征属性,事件,方法。什么是属性,属性就是对象的特征,比如他的高度,名字,等等。下面是一个img标签
- 02
属性选择器就是通过属性的名称来进行选择的方法,比如所有含有id的标签,所有class="red"的表签等等,属性选择器在某些情况下非常的实用,下面我们就来看看属性选择器的用法。 四种属性选择的方式如下
- 03
接下来我们进行一个测试,在第一步我们贴出来当前测试文件的源码图片,现在我们来获取所有含有id属性的对象的id值,代码和输出结果如下
- 04
然后我们来测试一下获取自定义属性sq能不能取上。 代码和结果如下。可以看到一点问题都没有。属性选择器的其他几个用法大家也可以通过这种方式自己测试一下,熟练掌握以后会经常遇到哦~~~~
赞 (0)