【JQuery元素属性】
JQuery元素属性
- 元素属性
- attr
- removeAttr
- prop
- removeProp
元素属性
attr
设置或返回被选元素的属性值
<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=811731284,3359880732&fm=26&gp=0.jpg" alt="图片">
<script>$(function (){//参数name 描述: 返回文档中所有图像的src属性值console.log($("img").attr("src"));//参数properties 描述: 为所有图像设置src和alt属性$("img").attr({"src":"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1320386509,921148889&fm=26&gp=0.jpg","alt": "jQuery图片"});//参数key,回调函数 描述: 把src属性的值设置为title属性的值$("img").attr("title", function() {//this 代表 当前 img 对象return this.src});});
</script>
removeAttr
从每一个匹配的元素中删除一个属性
<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=811731284,3359880732&fm=26&gp=0.jpg" alt="图片">
<script>$(function (){//将文档中图像的src属性删除$("img").removeAttr("src");});
</script>
prop
设置或返回被选元素的属性和值
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法 也几乎完全相同
但不得不说的是,这两个函数的用处却并不相同:
- 获取和设置自定义属性的时候 使用attr
- 获取自身属性的时候使用prop
console.log( $('input[type=checkbox]').attr('checked') ) //选中的时候 checked 未选中是undefinedconsole.log( $('input[type=checkbox]').prop('checked') ) //选中的时候 true 未选中是false
removeProp
<p></p>
<script>$(function () {var $p = $("p");//设置 property 属性$p.prop("name","星期八领证");//获取 property = name 属性值console.log($("p").prop("name"));//移除 property = name 的属性$("p").removeProp("name");//获取 property = name 属性值console.log($("p").prop("name"));});
</script>
【JQuery元素属性】相关推荐
- jQuery(六)元素属性操作和jQuery循环
文章目录 jQuery元素属性操作 jQuery循环 练习-手风琴式展示图片 jQuery元素属性操作 html() //取出或设置元素内包裹的内容 var $box = $('.box');aler ...
- jQuery使用之(一)标记元素属性
jQuery使用主要介绍jQuery如何控制页面,包含元素的属性.css样式风格.DOM模型.表单元素和事件处理等. 标记元素的属性 html中每一个标记都具有一些属性,他们这个标记在页面中呈现各种状 ...
- 怎样设置html的元素属性,Jquery怎么设置元素的属性和样式?
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性 对于下 ...
- jQuery学习3:操作元素属性和特性
特性属性:是指DOM元素中能够和HTML元素中某个特性对应得上的属性. 下面就列出jQuery中提供的方法: 操作元素属性:each(iterator)遍历包装集里所有元素,为各元素分别调用传递进来的 ...
- selenium 页面经常改变元素_selenium用jquery改变元素属性
一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...
- jQuery的属性,位置,元素操作
想要操作,或者获取元素原有属性,jQuery为我们良好的封装了各种,属性和方法.以下,便是: jQuery 属性操作 jQuery有三种操作属性的方法::prop() / attr() / data( ...
- jQuery—常用API(jQuery 属性操作、jQuery 文本属性值、jQuery 元素操作)
1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href,比如 <input> ...
- selenium用jquery改变元素属性
一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...
- 解决火狐中用JQUERY .removeAttr()无法去除元素属性的方法
解决火狐中用JQUERY .removeAttr()无法去除元素属性的方法 参考文章: (1)解决火狐中用JQUERY .removeAttr()无法去除元素属性的方法 (2)https://www. ...
最新文章
- Effective_STL 学习笔记(四十三) 尽量用算法调用代替手写循环
- ES6 - 字符串模板与新增字符串方法
- 【转】Oracle执行计划解释
- todo在此放置对话框控件_MFC界面开发进入BCGControlBar v30.5时代,Gantt Chart控件升级...
- c3p0 服务启动获取连接超时_微服务架构中的熔断、降级
- 2021级C语言大作业 - 涂鸦跳跃
- 替代NXP的CLRC663国产芯片来了,再也不用被老外卡脖子了
- 成都双流计算机大专学校,成都双流有哪些好的职业学校?
- (中英)作文 —— 标题与小标题
- Android 修改保持WLAN热点开启的时间与最大连接数
- Your system is infected with 3 viruses!(您的系统感染了3种病毒!)
- Python语言程序设计基础_实验四_函数(二)_答案_通识教育必修课程_上海师范大学
- OSG_64位动态链接库+静态链接库的使用
- 计算机专业的研究方向
- MySQL - 对数据表进行“增删查改”的基础操作 - 细节狂魔
- java水果爆炸动画_5分钟快速实现Android爆炸破碎酷炫动画特效的示例
- 苹果会下架所有的基于H5的开发的APP?
- 【毕业设计】基于STM32的智能台灯设计 物联网 电子信息 APP远程控制
- 做支付需要了解哪些行业知识
- 4.6 曲线拟合的最小二乘法