jquery屬性和樣式以及事件

人生就像一列開往墳?zāi)沟牧熊?,路途上?huì)有很多站,很難有人至始至終陪你走完全程,當(dāng)陪你的人要下車時(shí),即便不舍,也要心存感激,然后揮手告別。---sunnyhuang

>>jquery的屬性操作

針對(duì)表單form的屬性

  1. val([value]) 如果沒有寫value的值,是獲取對(duì)應(yīng)的form的value值,設(shè)置了value,就是修改對(duì)應(yīng)的form的value值

獲取其它屬性

  1. attr(attributeName) 獲取對(duì)應(yīng)的屬性值
  2. attr(attributeName,value) 設(shè)置對(duì)應(yīng)的屬性值(單個(gè)屬性)
  3. attr({arrtibuteName:value,arrtibuteName:value}) 設(shè)置多個(gè)屬性值給相應(yīng)的對(duì)象(多個(gè)屬性 json對(duì)象)
  4. removeAttr() 移除對(duì)應(yīng)的屬性值
    屬性的操作

>>jquery樣式的操作

css() 這是個(gè)和attr非常相似的方法,用來(lái)處理元素的css

  1. css(propertyName) 獲取對(duì)應(yīng)的樣式值
  2. css(propertyName,value) 設(shè)置對(duì)應(yīng)的樣式值
  3. css({propertyName:value,propertyName:value}) 設(shè)置多個(gè)樣式值給相應(yīng)的對(duì)象(多個(gè)樣式 json對(duì)象)

對(duì)樣式類的修改

  1. addClass(class) 為元素添加相應(yīng)的類,不是覆蓋,是追加。添加多個(gè)中間用空格隔開
  2. removeClass(class) 為元素刪除相應(yīng)的類。刪除多個(gè)中間用空格隔開
  3. hasClass(class) 檢查元素是否有某類,如果有,則返回true,否則就是false
  4. toggleClass(class) 切換某類,如果元素有這個(gè)類,就刪除類,如果沒有,就添加相應(yīng)的類。

>>拓展原生js的ES5 classList

element.classList是一個(gè)只讀屬性,返回element的class類的一個(gè)類數(shù)組對(duì)象的集合

但是我們可以通過classList的其他方法來(lái)修改類

  1. element.classList.add(string) 給元素添加類
  2. element.classList.remove(string) 移除元素相應(yīng)的類
  3. element.classList.item(index) 通過索引返回相應(yīng)的類名
  4. element.classList.toggle(string) 當(dāng)只有一個(gè)參數(shù)時(shí):切換 class value; 即如果類存在,則刪除它并返回false,如果不存在,則添加它并返回true。
  5. element.classList.contains(string) 檢查元素是否含有某類


    原生js對(duì)應(yīng)的類操作
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • jQuery的屬性與樣式之.attr()與.removeAttr() 每個(gè)元素都有一個(gè)或者多個(gè)特性,這些特性的用途...
    阿r阿r閱讀 701評(píng)論 0 6
  • 一、樣式篇 第1章 初識(shí)jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,670評(píng)論 0 44
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,562評(píng)論 19 139
  • 原文 https://www.kancloud.cn/dennis/tgjavascript/241852 一、節(jié)...
    LuckyS007閱讀 894評(píng)論 0 0
  • 當(dāng)年我爹為了我能早一年上學(xué),硬是把身份證改大了幾個(gè)月,幾天前手機(jī)里充滿了各大銀行的當(dāng)日刷卡積分翻倍的短信,這個(gè)“...
    二丟閱讀 325評(píng)論 0 0

友情鏈接更多精彩內(nèi)容