jquery备忘

阅读更多

html代码:

  

     

           

      

    

   

        

      

    

   

        

      

    

   

              

      

    

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()

例如: $("

我将出现在html已有元素内容的后面
") .appendTo("body");

            $("body") .append("

我将出现在html已有元素内容的后面
");

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

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

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

 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 });

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

你可能感兴趣的:(jquery,父元素,子元素,closest,find)

             

      

test1

             

      

test1

             

      

test1

             

      

test1