jQuery attr removeAttr 属性操作

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3.     String path = request.getContextPath();
  4.     String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
  5. %>
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <base href="<%=basePath%>">
  10. <meta charset="UTF-8">
  11. <title>b index</title>
  12. <link rel='stylesheet' type="text/css" href='b/css/bootstrap.css'>
  13. </head>
  14. <body style="margin:150px;">
  15.     <div id="div001">div001</div>
  16.     <div id="div002">div002</div>
  17.     <div id="div003">div003</div>
  18.     <div>
  19.         <button id="btn001">click me to use attr set string attr</button>
  20.         <button id="btn002">click me to use attr get attr</button>
  21.         <button id="btn003">click me to use attr set obj attr</button>
  22.         <button id="btn004">click me to use removeAttr string</button>
  23.         <button id="btn005">click me to use removeAttr obj</button>
  24.         <button id="btn006">click me to use attr set fn attr</button>
  25.     </div>
  26.     <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  27.     <script type="text/javascript" src="b/js/bootstrap.js"></script>
  28.     <script type="text/javascript" src="js/index031.js"></script>
  29. </body>
  30. </html>
  1. $(function() {
  2.     $('#btn001').click(btn001Click);
  3.     $('#btn002').click(btn002Click);
  4.     $('#btn003').click(btn003Click);
  5.     $('#btn004').click(btn004Click);
  6.     $('#btn005').click(btn005Click);
  7.     $('#btn006').click(btn006Click);
  8. });
  9. function btn001Click() {
  10.     $('#div001').attr('a', 'a');
  11. }
  12. function btn002Click() {
  13.     // 如果没有设置a属性，会得到undefined；
  14.     var string = $('#div001').attr('a');
  15.     console.log(string);
  16. }
  17. function btn003Click() {
  18.     var obj = {
  19.         'a' : 'a',
  20.         'b' : 'b'
  21.     };
  22.     $('#div001').attr(obj);
  23. }
  24. function btn004Click() {
  25.     // 必须有输入参数，否则没有效果；
  26.     $('#div001').removeAttr();
  27.     // 输入'a','b'只会删除'a'的属性；输入['a','b']会报错；
  28.     $('#div001').removeAttr('a', 'b');
  29. }
  30. function btn005Click() {
  31.     var obj = {
  32.         'a' : 'a',
  33.         'b' : 'b'
  34.     };
  35.     // 输入一个对象会报错的；
  36.     try {
  37.         $('#div001').removeAttr(obj);
  38.     } catch (e) {
  39.         console.log(e);
  40.     }
  41. }
  42. function btn006Click() {
  43.     $('#div002').attr('title', function() {
  44.         // return this.id;
  45.         // 这样也是可以的；返回一个字符串就可以了；
  46.         return 'asdf';
  47.     });
  48. }

var ids=$('div').attr('id');
得到的是第一个元素的id，还不是所有元素的id；

prop也是获得第一个元素的id；

jQuery attr removeAttr 属性操作的更多相关文章

  1. jquery 学习(二) - 属性操作

    html代码 <div class="n1" zdy="z1">AAA <p>1111111</p> <input t ...

  2. jQuery对象的属性操作

    jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr ...

  3. jQuery原生框架-----------------属性操作

    // 添加一个处理兼容获取样式的静态方法jQuery.getStyle = function( dom, styleName ) { // dom不是dom,styleName不是字符串,直接打走 i ...

  4. jquery对标签属性操作

    jquery中添加属性和删除属性: $("#2args").attr("disabled",'disabled'); $("#2args") ...

  5. Jquery attr()方法 属性赋值和属性获取

    jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名 ...

  6. jQuery基本的属性操作

    attr和prop,prop常用来操作标签的固有属性,比方说checkbox的checked属性.select的selected属性,而attr常用来操作我们自己给标签添加的属性. $('div'). ...

  7. jquery attr的属性

    在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 ^^ jque ...

  8. jquery中val属性操作

  9. python全栈开发day48-jqurey自定义动画，jQuery属性操作，jQuery的文档操作，jQuery中的ajax

    一.昨日内容回顾 1.jQuery初识 1).使用jQuery而非JS的六大理由 2).jQuery对象和js对象转换 3).jQuery的两大特点 4).jQuery的入口函数三大写法 5).jQu ...

随机推荐

  1. .net杂记

    1. .net 接口命名规范例如I***able; 2. 接口扩展功能,代表类Can do;抽象类代表族 Is a; 3. 不要在foreach中处理异常;

  2. localStorage、sessionStorages 使用

    html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage.sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有 ...

  3. ecos的app生命周期

    5种变迁,安装.更新.启动.暂停.卸载,每个app都可以自行维护每种变迁 方法简单,只需要在app/$app_name目录下定义task.php文件 <?php class desktop_ta ...

  4. PAT (Advanced Level) 1009. Product of Polynomials (25)

    简单模拟. #include<iostream> #include<cstring> #include<cmath> #include<algorithm&g ...

  5. iOS navigationBar 的isTranslucent属性

    苹果文档: A Boolean value indicating whether the navigation bar is translucent (YES) or not (NO). The de ...

  6. [Shell]随机数

    0-1之间的随机数# awk 'BEGIN{srand();printf "%.16f\n",rand()}' 0-20之间随机数# awk 'BEGIN{srand();sum= ...

  7. LWIP_STM32_ENC28J60_NETCONN_TCP_SERVICER（5）

    前面说了TCP客户端通讯,这一篇来说说单片机作为服务器的通讯方法 tcp客户端和服务器的链接做大的不同在于服务器是不需要主动链接谁的,他只需要绑定在自己得一个特定的端口之上,等别人来连接就好了,先创建 ...

  8. HDU 5631 Rikka with Graph

    如果原图不连通,直接输出0. 如果原图连通,删除X条边之后要保证新图连通,再看数据是n+1条边-->因此,最多只能删去两条边. 因为n=100,可以枚举进行验证,枚举删去每一条边是否连通,枚举删 ...

  9. ios系统 ipa文件 打包流程详解 及 常见问题处理

    注:先反省一下,原本打算一天一篇,每天进步一点点,但是最近变懒了,居然三天没有更新,在此告诫各位道友及我自己,程序员需戒欲,搞技术需持之以恒,不能三天打鱼,两天晒外. 现在步入主题,前段时间使用xco ...

  10. winscp 秘钥登录

    如题 如果不想用密码登录,可以选择用秘钥文件登录winscp 原理和linux分发ssh公钥是一个道理 1:在被管理的机器上分发公钥 ,出现 authorized_keys才可以 完成服务端配置 2: ...