JS中Attr的用法详解


Posted in Javascript onOctober 09, 2017

具体代码如下所示:

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#btn").click(function(){
      //使用attr(name)获取属性值:
      alert($("p").attr("title"));//你最喜欢的水果是。
      alert($("ul li:eq(1)").attr("title"));//橘子汁
      alert($("ul li:eq(1)").attr("alt"));//123
      //使用attr(name, value)改变属性值:
      //$("ul li:eq(1)").attr("title", "还是吗?");//将第二个li的title的值改变
      //使用attr(name, fn)设置属性的函数值
      $("ul li:eq(1)").attr("title", function(){
          return "我就不信";
      });//将第二个li的title的值改变
      alert($("ul li:eq(1)").attr("title"));//我就不信
      //使用attr(name, properties)将一个“名/值”形式的对象设置为所有匹配元素的属性
      $("ul li:eq(1)").attr({title: "第一个", alt: "第二个"});
      alert($("ul li:eq(1)").attr("title"));//第一个
      alert($("ul li:eq(1)").attr("alt"));//第二个
    });
  });
</script>
<p title="你最喜欢的水果是。">你最喜欢的水果是?</p>
<ul>
  <li title="苹果汁">苹果</li>
  <li title="橘子汁" name="好吃" alt="123">橘子</li>
  <li title="菠萝汁">菠萝</li>
</ul>
<input type="button" value="点击" id="btn"/>

总结

以上所述是小编给大家介绍的JS中Attr的用法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery cookie操作代码
Mar 14 Javascript
20款超赞的jQuery插件 Web开发人员必备
Feb 26 Javascript
js/jquery去掉空格,回车,换行示例代码
Nov 05 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
Jun 18 Javascript
微信小程序 火车票查询实例讲解
Oct 17 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
基于Vue的ajax公共方法(详解)
Jan 20 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
vue路由--网站导航功能详解
Mar 29 Javascript
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 Vue.js
移动端效果之Swiper详解
Oct 09 #Javascript
浅谈node的事件机制
Oct 09 #Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 #Javascript
ES6中的Promise代码详解
Oct 09 #Javascript
js+html5生成自动排列对话框实例
Oct 09 #Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 #jQuery
详解如何让Express支持async/await
Oct 09 #Javascript
You might like
php的hash算法介绍
2014/02/13 PHP
PHP模拟QQ登录的方法
2015/07/29 PHP
php创建无限级树型菜单
2015/11/05 PHP
PHP中localeconv()函数的用法
2019/03/26 PHP
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
2017/03/14 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
使用FileReader API创建Vue文件阅读器组件
2018/04/03 Javascript
vue动态路由配置及路由传参的方式
2018/05/23 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
js中事件对象和事件委托的介绍
2019/01/21 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
Python性能优化的20条建议
2014/10/25 Python
编写Python CGI脚本的教程
2015/06/29 Python
深入学习Python中的装饰器使用
2016/06/20 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
JD Sports荷兰:英国领先的运动时尚零售商
2020/03/13 全球购物
Order by的几种用法
2013/06/16 面试题
初中生学习的自我评价
2013/11/14 职场文书
电视购物广告词
2014/03/19 职场文书
遗嘱公证书标准样本
2014/04/08 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
react 项目中引入图片的几种方式
2021/06/02 Javascript
SQL Server中使用判断语句(IF ELSE/CASE WHEN )案例
2021/07/07 SQL Server
使用Nginx的访问日志统计PV与UV
2022/05/06 Servers