jQuery选择器(二)属性选择器这个也很有用

jQuery 选择器是jQuery 最基础的使用方法,用好选择器是我们进行jquery开发的第一步,属性选择器就是通过标签属性进行选择对象的方法,属性是什么?a标签有href属性,img标签有src属性,所有表情都有id属性,style属性等,甚至还有一些自定义的属性,在我们选择对象的时候有时会碰到通过属性进行选择的情况,这给我选择页面对象提供了另一种选择,真实使用的时候也是很好用的。

操作方法

  • 01

    首先我们来说一下什么是标签的属性、方法和事件。 如果熟悉面向对象的童鞋肯定知道,对象的三大特征属性,事件,方法。什么是属性,属性就是对象的特征,比如他的高度,名字,等等。下面是一个img标签

  • 02

    属性选择器就是通过属性的名称来进行选择的方法,比如所有含有id的标签,所有class="red"的表签等等,属性选择器在某些情况下非常的实用,下面我们就来看看属性选择器的用法。 四种属性选择的方式如下

  • 03

    接下来我们进行一个测试,在第一步我们贴出来当前测试文件的源码图片,现在我们来获取所有含有id属性的对象的id值,代码和输出结果如下

  • 04

    然后我们来测试一下获取自定义属性sq能不能取上。 代码和结果如下。可以看到一点问题都没有。属性选择器的其他几个用法大家也可以通过这种方式自己测试一下,熟练掌握以后会经常遇到哦~~~~

(0)

相关推荐

  • css属性选择器有哪些

    css除了一般的选择器之外,还有哪些属性选择器呢 操作方法 01 E[att]:元素[属性]:选择具有att属性的E元素. 02 E[att=val]:元素[属性=属性值]:选择具有att属性且属性值 ...

  • CSS的id选择器和class选择器

    CSS的id选择器和class选择器,id选择器有一个特别的属性,就是id="xx";class选择器也有一个特别的属性,就是class="xx"; 操作方法 ...

  • 3个很有用的相机设定秘诀

    很多新手同学,发现了一个问题,便是他们从来或很少仔细观看自己相机 menu 内的设定,其实相机出厂时的预设项目未必是最好的,有时因应不同的环境也需要调较,务求相片可以不在电脑后制也可以有不错的效果!这 ...

  • 3Dmax大图参数设置,很有用的参数的

    3Dmax大图的参数往往是不是有些不尽人意呢,渲染速度太慢效果又不是很理想的情况下肯定是参数没有调好,往往灯光参数.材质参数.和一些软件参数都要相互匹配的 操作方法 01 第一步先设置宽度为2000. ...

  • 11个很有用但鲜有人知的 linux 命令

    Linux命令行吸引了大多数Linux爱好者。一个正常的Linux用户一般掌握大约50-60个命令来处理每日的任务。Linux命令和它们的 转换对于Linux用户、Shell脚本程序员和管理员来说是最 ...

  • 11 个很有用但鲜有人知的 linux 命令

    Linux命令行吸引了大多数Linux爱好者.一个正常的Linux用户一般掌握大约50-60个命令来处理每日的任务.Linux命令和它们的 转换对于Linux用户.Shell脚本程序员和管理员来说是最 ...

  • jQuery 选择器,jQuery如何选择div元素

    jQuery 元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择. 选择器允许您对 HTML 元素组或单个元素进行操作. 操作方法 01 jQuery 元素选择器 jQue ...

  • Web前端开发需要学习什么

    前端技术是近几年发展并受到重视且独立出来的技术,前端技术的开发是一个先简单后难得过程,那么前端的学习需要掌握哪些知识呢?下面我们来探讨一下. 操作方法 01 预学习知识:HTMl5+ CSS3 前端学 ...

  • 王者荣耀貂蝉怎么出装

    今天小编来给大家讲解一下"王者荣耀貂蝉怎么出装".希望对大家有所帮助. 操作方法 01 由于貂蝉主要靠她的被动打伤害,因此她需要出到一定的减cd装备和肉装.首先出吸血书,这件装备不 ...