jquery备忘

html代码：

<table width="100%" class="contentModule" border="0" cellSpacing="1" cellPadding="0">

   <tbody id="ec_table_body">

      <tr class="odd    " id="rowid_1" >

            <td width="30" align="center" >

              <input name="categoryCheckBox" id= "input_td_row_1" class="checkbox" value="00dec46e-fb55-43b7-bfb3-9bf3e946543e"/>

       </td>

       <td width="60">test1</td>

     </tr>

    <tr class="odd    " id="rowid_2" >

         <td width="30" align="center" >

              <input name="categoryCheckBox"  id= "input_td_row_2" class="checkbox" value="00dec46e-fb55-43b7-bfb3-9bf3e946543e"/>

       </td>

       <td width="60">test1</td>

     </tr>

    <tr class="odd    " id="rowid_3" >

         <td width="30" align="center" >

              <input name="categoryCheckBox" id= "input_td_row_3"  class="checkbox" value="11dec46e-fb55-43b7-bfb3-9bf3e946543e"/>

       </td>

       <td width="60">test1</td>

     </tr>

    <tr class="odd    " id="rowid_4" >

               <td width="30" align="center" >

              <input name="categoryCheckBox"  id= "input_td_row_4" class="checkbox" value="22dec46e-fb55-43b7-bfb3-9bf3e946543e"/>

       </td>

       <td width="60">test1</td>

     </tr>

</tbody>

jquery查找最近父元素方法：closest

      $("#input_td_row_3") .closest("tr")   // 找到 id 为rowid_3  的 tr

jquery查找子元素元素方法：find

     $("#rowid_3") .find("td input:first-child")   // 找到 id 为 input_td_row_3  的checkbox

jquery判断元素类型 ：is( 元素tagName)

     判断是不是input  ： is("input")   /  is("INPUT") 

jquery获得元素属性值：  

     取得ID为input_td_row_3的类型 ： $("#input_td_row_3") attr("type")

-------------------------------------------------------------------------------------------------------------------------------

jquery中类似onload的实现方式：

 

 $(document).ready(function(){

 

});

 

$(function(){

 

});

jquery中的常用函数：

改变 HTML 元素的内容函数 html();

例如：

   $("div").html("我的功能类似innerHTML");

向html元素后面追加内容： append() /appendTo() /after()

例如： $("<div>我将出现在html已有元素内容的后面</div>") .appendTo("body");

            $("body") .append("<div>我将出现在html已有元素内容的后面</div>");

            $("img").after("<i>我将出现在图片已有元素内容的后面</i>");

向html元素前面添加内容： before()

            $("img").before("<b>我将出现在图片的前面</b>");

 jquery中的css操作：

 html元素指定一个或多个css属性：  css()  

  $("p").css("background-color"，"green");

  $("p").css({"background-color":"red","font-size":"200%"});

获得html元素css属性 ：

   $("p").css("background-color") ；

 jquery 动态添加外部js

$.ajaxSetup({ async: false, cache: false });
$.getScript(“util.js”);
$.ajaxSetup({ async: true });

注意一定要设置成同步调用，否则会出问题。