首頁  >  文章  >  web前端  >  jQuery屬性與CSS操作

jQuery屬性與CSS操作

黄舟
黄舟原創
2016-12-15 14:57:41954瀏覽

屬性
1.屬性
    1.1 attr(name|PRoperties|key,value|key,fn)
        1) 取得屬性值   $("img"). $( "img").attr("title","你好");$("img").attr({src:"img1.png",alt:"img1"})
        3) 設定屬性值  $( "img").attr("alt",function(index,value){return value + index}) //index為目前元素的索引,value為"alt"原先的屬性值
    1.2 removeAttr(name)
    一個屬性    $("img").removeAttr("alt");
    1.3 prop(name|properties|key,value|key,fn)
      checked", true);
        $("input[type='checkbox']").prop("checked", function( i, val ) {    re調查   用來刪除由.prop()方法設定的屬性集
    1.5 attr() 與prop() 的區別
    1.5 attr() 與prop() 的區別
    1.5 attr() 與prop() 的區別
        具有true 和false 兩個屬性的屬性,如checked, selecteddisabled 使用propatt),其他使用propatt()
2.CSS類別
    2.1 addclass(class|fn)
        $("p").addClasss("active focus");
  i})
    2.2 removeClass([name|fn])
        $("p").removeClass("active");
     att" $("p. "class")})
    2.3 toggleClass(class|fn)
        $("p").toggleClass("active");
       if($(this ).parent().is(".myClass"))
            {
                return "classone";
               }
            else
            {
                return "classtwo";
            }
           })
3.HTML代碼|文本|值
    3.1 html([val|fn])    
        取得內容  $("div").html()    取得第一個符合元素的html內容
    

");        
        $("div").html(function(index,html){return html+index})
  p").text()
        設定內容    $("p").text("texttexttext")
          val( [val|fn|arr])
        取得價值    $("input").val();
        設定值      $("input").val(function (index,value){return index + value})
        check/select 的值    //陣列操作
       css
    1.1 css(name|pro|[,val|fn])
取得樣式屬性值        $("p").css("color")
        設定樣式屬性值        $(p        $("p").css({ color:"red",width:"100px"})
                                            width:function(index,value){return parseFloat(value) *                 height:function(index },value){return parseFloat(value) * 1.2;}
                       s
2.位置
    2.1 offset([coordinates]) 取得配對元素在目前視窗的相對偏移
        取得偏移值    $ ("p").offset()
        設置偏移值    $("p").offset({top:100,left:100})
                    $("p").offset(function(i,c){ //c代表選擇器的目前座標
                        newPos=new Object();🠜    left=c.left+100;
                             return newsPos;
                    })
    2.2 position( ) 取得匹配元素相對父元素的偏移。
        $("p").position()
    2.3 scrollTop([val]) 取得符合元素相對捲軸頂部的偏移。
        取得        $("p").scrollTop()
        設定     匹配元素相對滾動條頂部的偏移。
        取得        $("p").scrollLeft()
        設定     val|fn])
        取得        $("p").height( )
        設定        $("p").height(500)
           3.2 width([val|fn])
        取得$("p").width()
        設定        $("p").width(500)
     )    
    3.3 innerHeight () 取得第一個符合元素內部區域高度(包括補白(padding)、不包含邊框)。    
        $("p").innerHeight();
    3.4 innerWidth() 取得第一個符合元素內部區域寬度(含補白(padding)、不含邊框)。    
        $("p").innerWidth();
    3.5 outerHeight([options]) 取得第一個符合元素外部高度(預設包含補白和邊框)。
        若 options 值為true 則計算邊距(margin)在內,預設值為false
    3.6 outerWidth([options]) 取得第一個符合元素外部寬度(包含補白與邊框)。
        如果 options 值為true 則計算邊距(margin)在內,預設值

以上就是jQuery屬性與CSS操作的內容,更多相關文章請關注PHP中文網(www.php.cn)!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn