亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery修改class屬性和CSS樣式整理

2019-11-20 13:16:16
字體:
來源:轉載
供稿:網友

class屬性修改

  類屬性即class屬性,規定類名.
  用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值.
  注意每個HTML元素只有一個class屬性.但是class屬性的值可以是多個名稱,即可能包含一個詞的列表,中間用空格分隔.
  具體使用方法見:http://www.w3school.com.cn/css/css_selector_class.asp
 
  用jQuery進行類名修改既可以用attr()方法修改”class”屬性,也可以用addClass(), removeClass(), toggleClass()等方法來完成.

addClass()

  API: http://api.jquery.com/addClass/
  addClass()方法向匹配的元素增加指定的類名(一個或多個).
  注意對于元素來說,class屬性可以有多個值.該方法不會移除已經存在的值,而是在原有的基礎上追加一個或多個class屬性.
  用attr()方法設置class屬性,是一個覆蓋的過程;而addClass()則是一個追加的過程.
  class之間最終是用空格來隔開的.
  如果需要添加多個類,用空格分隔類名.
  從1.4開始,這個方法的參數也可以傳入一個function.

removeClass()

  API: http://api.jquery.com/removeClass/
  removeClass()方法從被選元素移除一個或多個類.如需移除若干類,用空格來分隔類名.
  如果沒有傳參數,該方法將會移除被選元素的所有類.

toggleClass()

  API: http://api.jquery.com/toggleClass/
  toggleClass()方法對被選元素的一個或多個類進行切換(設置或移除).
  該方法檢查每個元素中的指定類,如果存在則刪除,如果不存在則添加.
  通過添加參數,可以設置只進行刪除或者只進行添加操作.
  格式:$(selector).toggleClass(class,switch)
  switch值為true時,只添加;為false時,只刪除.

hasClass()

  API: http://api.jquery.com/hasClass/
  hasClass()方法檢查被選元素是否包含指定的class.
  還可以用is()方法實現同樣的功能,方法參數傳入一個選擇器字符串,比如”.className”.

CSS樣式修改

  jQuery中還有一些方法直接返回或者設置元素的CSS屬性.

css()

  API: http://api.jquery.com/css/
  讀操作: 獲取匹配元素集合中第一個元素的指定樣式值(一個或多個).
  注:讀取多個樣式值的操作是在jQuery v1.9才加入的.
  寫操作: 為匹配元素集合中的每一個元素設置一個或多個CSS屬性的值.
  傳入的參數可以是單個的鍵值對,也可以是PlainObject指定的多個值,還可以是function.(v1.4).
 
  jQuery會處理各個瀏覽器中不太相同的一些具體情況,比如W3C的cssFloat在IE中是styleFloat,在jQuery中,你可以使用float,然后jQuery會幫你把它翻譯成每個瀏覽器中應該有的正確名稱.
  還有,jQuery會合理解讀CSS和DOM格式的多詞屬性,比如.css(“background-color”)和.css(“backgroundColor”),它都是可以處理的.

height()和width()

  API: http://api.jquery.com/height/http://api.jquery.com/width/
  高度和寬度屬性.這個寬高值不包括padding,border和margin.除非box-sizing屬性被使用了.
  注意寫操作的時候set的是content的寬高,不包括box-sizing的部分.
 
  讀操作仍然是返回集合第一個元素的屬性值.
  .css(“width”)和.width()的區別是:前者返回帶單位的值,比如400px;后者返回不帶單位的像素數值,即400.
  所以如果值需要被用于某種計算,.height()和.width()是被推薦使用的.
  讀取得到的數值不一定是整型,并且如果用戶縮放了頁面,其值可能是不正確的,因為瀏覽器沒有暴露這種情況的API.
  還有一種不準確的情況,當這個元素的父元素隱藏起來時,該元素的尺寸可能讀不準.
 
  寫操作支持的value類型是字符串或者數字.
  如果是數字,jQuery默認是px為單位.
  如果是字符串,除了可以數字加單位之外,任何合理的CSS measurement都可以用,比如100%,50%,或者auto.

position()

  API: http://api.jquery.com/position/
  返回第一個匹配元素相對于父元素(offset parent)的位置.
  只有讀操作.

offset()

  API: http://api.jquery.com/offset/
  返回第一個匹配元素的坐標,或者設定每一個匹配元素的坐標,這個坐標是相對于document的.

offsetParent()

  API:http://api.jquery.com/offsetParent/
  返回父類,只有讀操作.

scrollLeft()和scrollTop()

  API: http://api.jquery.com/scrollLeft/http://api.jquery.com/scrollTop/

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
夜夜嗨av一区二区三区免费区| 亚洲午夜色婷婷在线| 亚洲综合自拍一区| 国产精自产拍久久久久久| 中文字幕日韩电影| 色综合天天狠天天透天天伊人| 久久国产加勒比精品无码| 国产亚洲精品成人av久久ww| 久久久女人电视剧免费播放下载| yellow中文字幕久久| 日韩精品亚洲元码| 亚州欧美日韩中文视频| 91久久精品视频| 久久久免费电影| 亚洲国产欧美自拍| 亚洲欧美一区二区三区情侣bbw| 欧美日韩中文字幕综合视频| 全亚洲最色的网站在线观看| 国产精品视频一区二区高潮| 久久亚洲精品网站| 欧美性生交xxxxxdddd| 亚洲系列中文字幕| 国产精品久久综合av爱欲tv| 欧美日韩国产一区二区| 久久躁日日躁aaaaxxxx| 亚洲二区中文字幕| 正在播放欧美视频| 日日摸夜夜添一区| 亚洲最大成人在线| 亚洲视频在线免费观看| 欧美又大粗又爽又黄大片视频| 亚洲精品成人久久| 欧美成人免费观看| 亚洲理论在线a中文字幕| 欧美xxxx14xxxxx性爽| 懂色aⅴ精品一区二区三区蜜月| 国产欧美精品日韩精品| 欧美夫妻性视频| 亚洲色图校园春色| 欧美亚洲在线观看| 欧美高清在线播放| 成人午夜高潮视频| 欧美乱大交xxxxx另类电影| 亚洲人a成www在线影院| 91精品国产91| 欧美黄色www| 欧美激情综合色综合啪啪五月| 久久国产精品偷| 青青久久av北条麻妃黑人| 国产精品亚洲аv天堂网| 国产亚洲一区精品| 色综合久综合久久综合久鬼88| 久久亚洲私人国产精品va| 538国产精品一区二区免费视频| 国产精品视频一区国模私拍| 久久噜噜噜精品国产亚洲综合| 久久国产精品影视| 欧美最猛黑人xxxx黑人猛叫黄| 亚洲天堂av高清| 国产精品视频永久免费播放| 国产精品久久综合av爱欲tv| 久久全球大尺度高清视频| 久久久久免费精品国产| 色综合视频网站| 欧美成人小视频| 国产精品中文在线| 成人综合网网址| 亚洲精品久久久久久久久久久久久| 中文字幕日韩av电影| 成人疯狂猛交xxx| 欧美色视频日本版| 欧美精品福利在线| 久久精品一偷一偷国产| 国产亚洲成av人片在线观看桃| 欧美视频第一页| 国产精品久久久久久久美男| 91在线精品视频| 国产成人精品a视频一区www| 国产精品成久久久久三级| 尤物yw午夜国产精品视频| 97久久超碰福利国产精品…| 久久久久久国产精品| 久久中文精品视频| 国产三级精品网站| 欧美成人精品影院| 在线观看日韩视频| 97国产精品免费视频| 成人国产精品日本在线| 欧美性猛交丰臀xxxxx网站| 欧美激情亚洲精品| 日韩成人在线视频网站| 97在线观看免费| 欧美激情视频在线免费观看 欧美视频免费一| 两个人的视频www国产精品| 国产91在线播放精品91| 欧美自拍视频在线观看| 亚洲a成v人在线观看| 亚洲精品www久久久久久广东| 国产精品久久久久77777| 亚洲精品在线视频| 国产精品第一页在线| 91国产精品电影| 亚洲女同性videos| 国产精品久久久久久av| 日韩欧美亚洲国产一区| 亚洲国产精品va在线| 亚洲欧美激情精品一区二区| 另类图片亚洲另类| 欧美成年人在线观看| 中文字幕日韩免费视频| 欧美在线一级va免费观看| 自拍视频国产精品| 97视频在线观看成人| 久久久久久久久久国产精品| 亚洲精品国产精品国自产观看浪潮| 亚洲男人第一av网站| 在线色欧美三级视频| 亚洲国产精品成人av| 欧美怡春院一区二区三区| 国内精品视频久久| 国产区精品在线观看| 欧美激情奇米色| 亚洲欧洲日本专区| 久久免费视频网站| 亚洲黄色av网站| 91日韩在线视频| 国产精品欧美日韩| 亚洲偷欧美偷国内偷| 伊人久久久久久久久久久久久| 高跟丝袜欧美一区| 91精品国产高清久久久久久| 日本精品一区二区三区在线播放视频| 2020国产精品视频| 色先锋资源久久综合5566| 国产在线高清精品| 亚洲自拍偷拍在线| 成人欧美在线观看| 精品久久久久久电影| 国产一区二区三区在线观看网站| 日韩中文字幕国产| 国产精品久久久久久久久久| 伊人男人综合视频网| 亚洲片在线观看| 日韩电影免费在线观看中文字幕| 亚洲天堂av女优| 久久精品中文字幕| 日韩黄色av网站| 久久久久久亚洲精品中文字幕| 国产精品欧美激情| 欧美在线视频免费播放| 91久久精品日日躁夜夜躁国产| 日韩视频免费在线观看| 91欧美精品午夜性色福利在线| 国产精品丝袜久久久久久不卡| 欧美高跟鞋交xxxxhd| 中文字幕久热精品在线视频| 国产精品久久久久久久久久三级| 精品久久久香蕉免费精品视频| 在线日韩日本国产亚洲| 国产美女精品视频免费观看| 国语自产精品视频在线看| 91国内在线视频| 日韩高清电影免费观看完整| 黄色成人av网|