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 相关文章推荐
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
DOM 中的事件处理介绍
Jan 18 Javascript
深入分析js中的constructor和prototype
Apr 07 Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
May 28 Javascript
使用jquery.upload.js实现异步上传示例代码
Jul 29 Javascript
基于javascript实现简单计算器功能
Jan 03 Javascript
JavaScript实现自动切换图片代码
Oct 11 Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
JavaScript实时更新当前的时间的示例代码
Jul 15 Javascript
Javascript中的奇葩知识,你知道吗?
Jan 25 Javascript
移动端效果之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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
PHP 开发环境配置(测试开发环境)
2010/04/28 PHP
PHP文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
php中使用preg_match_all匹配文章中的图片
2013/02/06 PHP
zf框架db类的分页示例分享
2014/03/14 PHP
php生成与读取excel文件
2016/10/14 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
PHP时间处理类操作示例
2018/09/05 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
2013/04/21 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
采用call方式实现js继承
2014/05/20 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
nodejs微信开发之接入指南
2019/03/17 NodeJs
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
js实现双色球效果
2020/08/02 Javascript
微信小程序自定义支持图片的弹窗
2020/12/21 Javascript
python实现提取百度搜索结果的方法
2015/05/19 Python
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
python多进程重复加载的解决方式
2019/12/13 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)
2018/07/12 HTML / CSS
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
日期和时间问题
2015/01/04 面试题
校园报刊亭创业计划书
2014/01/02 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
销售内勤岗位职责
2014/04/15 职场文书
乡镇干部个人整改措施思想汇报
2014/10/10 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
vue-cli3.x配置全局的scss的时候报错问题及解决
2022/04/30 Vue.js