国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

jquery操作css選擇器

2024-04-27 15:01:57
字體:
來源:轉載
供稿:網友

.addClass()
  為每個匹配的元素添加指定的樣式類名
  .addClass(className)
    className 為每個匹配元素所有增加的一個或多個樣式名
  .addClass(function(index,currentClass))
    函數返回一個或者多個用空格隔開, index 表示參數匹配中的索引位置 this 指向匹配元素集合中的當前元素。
  $("p").addClass("myClass yourClass"); 給p 這個元素添加這兩個類名樣式。
  $("ul li:last").addClass(function(index){
    return "item-"+index;
  }) 在最后一個<li> 元素上加上“item-1”樣式。


.CSS()
  獲取匹配元素集合中的第一個元素的樣式屬性計算值或設置每一個匹配元素的一個或多個
  css屬性。

  .css(PRopertyName)
    propertyName 一個css 屬性名 。 一個或者多個css 屬性組成的數組。
  $(this).css("background-color"); 獲取當前元素的背景顏色。
  $(this).css(["width","height",color]) 獲取當前元素的 寬 高 字體顏色。

  .css(propertyName,value)
    propertyName 一個css 屬性名。
    value 設置這個css 的屬性值。
  .css(propertyName,function)
    propertyName 一個css 屬性名。
    function 一個用來返回設置值的函數。this,是當前元素。

  $('div.example').css('width',function(index){
    return index*50;
  }) 設置一個匹配元素的寬度增加到較大的值。
  $("p").mouSEOver(function(){
    $(this).css("color","red");
  }) 當鼠標經過p 元素時文字變成紅色。
  $("#box").one("click",function(){
    $(this).css("width","+=200")
  }) 增加#box 的寬度為200像素。


.hasClass()
  確定任何一個匹配的元素是否有被分配給定的(樣式類)
  .hasClass(className)
  className 要查詢的樣式名。
  $("#mydiv").hasClass("foo") 匹配的元素是否含有 foo這個樣式
  如果有這個樣式那么就返回true 如果沒有那么就返回false


.removeClass()
  移除匹配的元素上面的樣式。
  .removeClass([className])
    每個匹配元素移除的一個或者多個用空格隔開的樣式名。
  $("p").removeClass("myClass yourClass")
  .removeClass(function(index,class))
    一個函數,返回一個或多個要移除的元素,index 所有匹配的元素集合中的當前的元素。


.toggleClass()
  在匹配的元素集合中的每個元素上切換樣式名
  .toggleClass(className)
    className 在匹配的元素集合中的每個元素上用來切換的一個或多個(用空格隔開)樣式類名。
  .toggleClass(className,switch)
    switch 一個布爾值,用于判斷樣式是否應該被添加或移除。
  .toggleClass([switch])
    switch 一個用來判斷樣式類天添加還是移除的布爾值。

  $('#foo').toggleClass(className,add0rRemove) 就等同于
  if(add0rRemove){
    $('#foo').addClass(className);
  }else{
    $('#foo').removeClass(className)
  }

  $("p").click(function(){
  $(this).toggleClass("highlight");
    //點擊當前的p 標簽的時候切換樣式。
  })


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 和政县| 民县| 兰西县| 特克斯县| 武冈市| 平山县| 博乐市| 永平县| 伊春市| 五莲县| 宾川县| 册亨县| 堆龙德庆县| 集安市| 玉山县| 金溪县| 龙江县| 蓝田县| 雅江县| 自贡市| 十堰市| 临猗县| 宁海县| 连州市| 新源县| 湄潭县| 绿春县| 凌海市| 桓台县| 信阳市| 平南县| 德保县| 莲花县| 正定县| 尼勒克县| 聊城市| 湟中县| 南昌县| 许昌市| 贡觉县| 麻栗坡县|