PageRenderTime 50ms CodeModel.GetById 19ms RepoModel.GetById 0ms app.codeStats 1ms

/docs/dom/dom-class.html

http://kissy.googlecode.com/
HTML | 116 lines | 106 code | 10 blank | 0 comment | 0 complexity | 3165305ac885e16fce7b334b27a934f0 MD5 | raw file
    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

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

  5. <title>dom-class &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 class="w866">
    10. 

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

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

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

  13.         <a href="http://github.com/kissyteam/kissy/src/dom/dom-class.js"><code>dom-class.js</code></a>
    14. 

  14.     </p>
    15. 

  15. </div>
    16. 

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

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

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

  19. 

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

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

  22. 

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

  24.                     <h4>
    25. 

  25.                         <a name="method_hasClass">hasClass</a>
    26. 

  26.                         <code>Boolean <em>hasClass</em> ( selector, value )</code>
    27. 

  27.                     </h4>
    28. 

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

  29.                         <p>???????????????????????? class.</p>
    30. 

  30.                         <p class="tips">??????????????? true.</p>
    31. 

  31.                     </div>
    32. 

  32.                 </div>
    33. 

  33. 

  34.                 <div class="member method">
    35. 

  35.                     <h4>
    36. 

  36.                         <a name="method_addClass">addClass</a>
    37. 

  37.                         <code>void <em>addClass</em> ( selector, value )</code>
    38. 

  38.                     </h4>
    39. 

  39.                     <div class="detail">
    40. 

  40.                         <p>??????????????? class.</p>
    41. 

  41.                     </div>
    42. 

  42.                 </div>
    43. 

  43. 

  44.                 <div class="member method">
    45. 

  45.                     <h4>
    46. 

  46.                         <a name="method_removeClass">removeClass</a>
    47. 

  47.                         <code>void <em>removeClass</em> ( selector, value )</code>
    48. 

  48.                     </h4>
    49. 

  49.                     <div class="detail">
    50. 

  50.                         <p>??????????????? class.</p>
    51. 

  51.                     </div>
    52. 

  52.                 </div>
    53. 

  53. 

  54.                 <div class="member method">
    55. 

  55.                     <h4>
    56. 

  56.                         <a name="method_replaceClass">replaceClass</a>
    57. 

  57.                         <code>void <em>replaceClass</em> ( selector, oldClassName, newClassName )</code>
    58. 

  58.                     </h4>
    59. 

  59.                     <div class="detail">
    60. 

  60.                         <p>????????????? class ???? class.</p>
    61. 

  61.                     </div>
    62. 

  62.                 </div>
    63. 

  63. 

  64.                 <div class="member method">
    65. 

  65.                     <h4>
    66. 

  66.                         <a name="method_toggleClass">toggleClass</a>
    67. 

  67.                         <code>void <em>toggleClass</em> ( selector, value, state )</code>
    68. 

  68.                     </h4>
    69. 

  69.                     <div class="detail">
    70. 

  70.                         <p>??????????????????? value ? class, ??????????</p>
    71. 

  71.                         <p class="tips">state ??? true ????????????</p>
    72. 

  72.                     </div>
    73. 

  73.                 </div>
    74. 

  74. 

  75.             </div>
    76. 

  76. 

  77.             <div class="section">
    78. 

  78.                 <h3>Examples</h3>
    79. 

  79.                 <p>?????<a href="http://kissyteam.github.com/kissy/src/dom/test-dom-class.html"><code>test-dom-class.html</code></a></p>
    80. 

  80. 

  81.                 <div class="section notes">
    82. 

  82.                     <p>dom-class ????????</p>
    83. 

  83.                     <ol>
    84. 

  84.                         <li>?? selector ??????<code>DOM.addClass([elem1, elem2], 'val');</code></li>
    85. 

  85.                         <li>?? value ????????????????<code>DOM.addClass('.class', 'product hot');</code></li>
    86. 

  86.                     </ol>
    87. 

  87.                 </div>
    88. 

  88.             </div>
    89. 

  89. 

  90.         </div>
    91. 

  91.     </div>
    92. 

  92.     <div class="col-sub">
    93. 

  93.         <div class="sub-wrap">
    94. 

  94.             <div class="loc">
    95. 

  95.                 <a href="../index.html">home</a> &rsaquo;
    96. 

  96.                 <a href="index.html">dom</a> &rsaquo;
    97. 

  97.                 dom-class :
    98. 

  98.             </div>
    99. 

  99.             <div class="toc">
    100. 

  100.                 <h3>Methods</h3>
    101. 

  101.                 <ul>
    102. 

  102.                     <li><a href="#method_hasClass">hasClass</a></li>
    103. 

  103.                     <li><a href="#method_addClass">addClass</a></li>
    104. 

  104.                     <li><a href="#method_removeClass">removeClass</a></li>
    105. 

  105.                     <li><a href="#method_replaceClass">replaceClass</a></li>
    106. 

  106.                     <li><a href="#method_toggleClass">toggleClass</a></li>
    107. 

  107.                 </ul>
    108. 

  108.             </div>
    109. 

  109.         </div>
    110. 

  110.     </div>
    111. 

  111. </div>
    112. 

  112. <div id="footer">
    113. 

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

  114. </div>
    115. 

  115. </body>
    116. 

  116. </html>
    117. 

  117.