PageRenderTime 46ms CodeModel.GetById 20ms RepoModel.GetById 0ms app.codeStats 0ms

/docs/dom/dom-attr.html

https://github.com/nunumick/kissy
HTML | 126 lines | 117 code | 9 blank | 0 comment | 0 complexity | ce9c88c4b57572b3033469afecafd9b8 MD5 | raw file
    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8"/>
    5. 

  5. <title>dom-attr &lsaquo; KISSY Docs</title>
    6. 

  6. <link rel="stylesheet" href="../assets/base-min.css" />
    7. 

  7. <link rel="stylesheet" href="../assets/docs.css" />
    8. 

  8. </head>
    9. 

  9. <body>
    10. 

  10. <div id="page" class="w866">
    11. 

  11.     <div id="header">
    12. 

  12.         <a class="logo" href="../index.html"><img src="../assets/logo.png" alt="KISSY" width="138" height="74" /></a>
    13. 

  13.         <p class="rel-nav">
    14. 

  14.             <a href="../../src/dom/dom-attr.js"><code>dom-attr.js</code></a>
    15. 

  15.         </p>
    16. 

  16.     </div>
    17. 

  17.     <div id="content" class="layout grid-s232m0">
    18. 

  18.         <div class="col-main">
    19. 

  19.             <div class="main-wrap">
    20. 

  20. 

  21.                 <div class="section">
    22. 

  22.                     <h3 id="methods">Methods</h3>
    23. 

  23. 

  24.                     <div class="member method">
    25. 

  25.                         <h4>
    26. 

  26.                             <a name="method_attr">attr</a>
    27. 

  27.                             <code>String <em>attr</em> ( selector, name )</code>
    28. 

  28.                         </h4>
    29. 

  29.                         <div class="detail">
    30. 

  30.                             <p>获取符合选择器的第一个元素的属性值。</p>
    31. 

  31.                             <p class="tips">属性不存在时，返回 undefined</p>
    32. 

  32.                         </div>
    33. 

  33.                         <h4>
    34. 

  34.                             <code>void <em>attr</em> ( selector, name, value )</code>
    35. 

  35.                         </h4>
    36. 

  36.                         <div class="detail">
    37. 

  37.                             <p>给符合选择器的所有元素设置属性值。</p>
    38. 

  38.                         </div>
    39. 

  39.                     </div>
    40. 

  40. 

  41.                     <div class="member method">
    42. 

  42.                         <h4>
    43. 

  43.                             <a name="method_removeAttr">removeAttr</a>
    44. 

  44.                             <code>void <em>removeAttr</em> ( selector, name )</code>
    45. 

  45.                         </h4>
    46. 

  46.                         <div class="detail">
    47. 

  47.                             <p>移除符合选择器的所有元素的指定属性。</p>
    48. 

  48.                         </div>
    49. 

  49.                     </div>
    50. 

  50. 

  51.                     <div class="member method">
    52. 

  52.                         <h4>
    53. 

  53.                             <a name="method_val">val</a>
    54. 

  54.                             <code>String <em>val</em> ( selector )</code>
    55. 

  55.                         </h4>
    56. 

  56.                         <div class="detail">
    57. 

  57.                             <p>获取符合选择器的第一个元素所的 value 值。</p>
    58. 

  58.                             <p class="tips">无值时，返回空字符串。</p>                            
    59. 

  59.                         </div>
    60. 

  60.                         <h4>
    61. 

  61.                             <code>void <em>val</em> ( selector, value )</code>
    62. 

  62.                         </h4>
    63. 

  63.                         <div class="detail">
    64. 

  64.                             <p>给符合选择器的所有元素设置 value 值。</p>
    65. 

  65.                         </div>
    66. 

  66.                     </div>
    67. 

  67. 

  68.                     <div class="member method">
    69. 

  69.                         <h4>
    70. 

  70.                             <a name="method_text">text</a>
    71. 

  71.                             <code>String <em>text</em> ( selector )</code>
    72. 

  72.                         </h4>
    73. 

  73.                         <div class="detail">
    74. 

  74.                             <p>获取符合选择器的第一个元素所包含的文本值。</p>
    75. 

  75.                             <p class="tips">无值时，返回空字符串。</p>
    76. 

  76.                         </div>
    77. 

  77.                         <h4>
    78. 

  78.                             <code>void <em>text</em> ( selector, value )</code>
    79. 

  79.                         </h4>
    80. 

  80.                         <div class="detail">
    81. 

  81.                             <p>给符合选择器的所有元素设置文本值。</p>
    82. 

  82.                         </div>
    83. 

  83.                     </div>
    84. 

  84. 

  85.                 </div>
    86. 

  86. 

  87.                 <div class="section">
    88. 

  88.                     <h3>Examples</h3>
    89. 

  89.                     <p>测试页面：<a href="../../src/dom/test-dom-attr.html"><code>test-dom-attr.html</code></a></p>
    90. 

  90. 

  91.                     <div class="section notes">
    92. 

  92.                         <p>dom-attr 提供的所有方法：</p>
    93. 

  93.                         <ol>
    94. 

  94.                             <li>参数 selector 可以为数组：<code>DOM.attr([elem1, elem2], 'rel', 'val');</code></li>
    95. 

  95.                             <li>setter 和 getter 都遵循 get first, set all 原则：如果是获取，仅获取符合选择器的第一个元素的值；如果是设置，则操作符合选择器的所有元素。</li>
    96. 

  96.                         </ol>
    97. 

  97.                     </div>
    98. 

  98.                 </div>
    99. 

  99. 

  100.             </div>
    101. 

  101.         </div>
    102. 

  102.         <div class="col-sub">
    103. 

  103.             <div class="sub-wrap">
    104. 

  104.                 <div class="loc">
    105. 

  105.                     <a href="../index.html">home</a> &rsaquo;
    106. 

  106.                     <a href="index.html">dom</a> &rsaquo;
    107. 

  107.                     dom-attr :
    108. 

  108.                 </div>
    109. 

  109.                 <div class="toc">
    110. 

  110.                     <h3>Methods</h3>
    111. 

  111.                     <ul>
    112. 

  112.                         <li><a href="#method_attr">attr</a></li>
    113. 

  113.                         <li><a href="#method_removeAttr">removeAttr</a></li>
    114. 

  114.                         <li><a href="#method_val">val</a></li>
    115. 

  115.                         <li><a href="#method_text">text</a></li>
    116. 

  116.                     </ul>
    117. 

  117.                 </div>
    118. 

  118.             </div>
    119. 

  119.         </div>
    120. 

  120.     </div>
    121. 

  121.     <div id="footer">
    122. 

  122.         <p class="copyright">&copy; 2009 - 2029 KISSY UI LIBRARY</p>
    123. 

  123.     </div>
    124. 

  124. </div>
    125. 

  125. </body>
    126. 

  126. </html>
    127.