成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

jquery梳理之屬性操作

silencezwm / 2078人閱讀

摘要：與元素屬性原生對于元素的屬性有三種方法來操作為元素添加屬性名和屬性值獲取元素屬性值刪除元素屬性而則將以上三個操作簡化為和對應(yīng)對應(yīng)對應(yīng)上述的為屬性名，為屬性值對于需要設(shè)置多個屬性時，采用的方式是在方法傳入屬性配置對象元素值屬性三個方法都

attr與removeAttr - 元素屬性

JS原生對于元素的屬性有三種方法來操作

dom.setAttribute(name , value) //為元素添加屬性名 和 屬性值
dom.getAttribute(name) //獲取元素屬性值
dom.removeAttribute(name) //刪除元素屬性

而JQuery則將以上三個操作簡化為: attr 和 removeAttr

attr(name , value) //對應(yīng) dom.setAttribute(name , value)
attr(name) //對應(yīng)dom.getAttribute(name)
removeAttr(name) //對應(yīng)dom.removeAttribute(name)

* 上述的name 為屬性名，value為屬性值
對于需要設(shè)置多個屬性時，采用的方式是在 attr方法傳入屬性配置對象

dom.attr({
    "class" : "xxxx"
    "data-name" : "xxxxx"
});
html() 、text()、val() - 元素值屬性

三個方法都是為匹配的元素設(shè)置或者獲取內(nèi)容
不同之處：
html設(shè)置的內(nèi)容可以包含元素；
text設(shè)置的內(nèi)容為純文本；
val 設(shè)置input(文本框的值)或select選中值

用法:
1、獲取內(nèi)容

$(dom).html()
$(dom).text()
$(dom).val(); //*當(dāng)dom為select,且可以多選，則返回值為數(shù)組

2、設(shè)置內(nèi)容

$(dom).html(string)
$(dom).text(string)
$(dom).val(string)

對于獲取或者設(shè)置輸入框的值，還可以采用attr方法

$(dom).attr("value" , data);  ---> $(dom).val(data);
$(dom).attr("value");             ---> $(dom).val();
addClass，removeClass, toggleClass ,css -- 操作樣式屬性

addClass方法：添加樣式

$(dom).addClass(classname);
$(dom).addClass(function(index,classname) {
    //遍歷匹配的元素，并做相關(guān)添加樣式操作
    //index 遍歷元素的下標(biāo), name 當(dāng)前元素的class屬性值
});

removeClass方法：刪除樣式

$(dom).removeClass(classname);
$(dom).removeClass(function(index,classname) {
    //遍歷匹配的元素，并做相關(guān)刪除樣式操作
    //index 遍歷元素的下標(biāo), name 當(dāng)前元素的class屬性值
    return "刪除的樣式名稱"; //必須返回
});

toggleClass方法：切換樣式

$(dom).toggleClass(classname); 
//切換樣式，如果元素存在classname這個樣式，則刪除，如果沒有則添加

$(dom).toggleClass(classname , flag)
//flag為布爾值，true表示添加樣式，false表示刪除樣式

css方法：設(shè)置樣式值

$(dom).css(name);
//獲取匹配元素中，第一個元素的樣式屬性值
$("p").css("width"); //獲取第一個p標(biāo)簽的width樣式值
$(dom).css(name , value)
$(dom).css(name , callback)
$(dom).css(properties)
//設(shè)置匹配元素的樣式屬性
//當(dāng)?shù)诙€參數(shù)為函數(shù)時，函數(shù)必須返回屬性值
//當(dāng)?shù)谝粋€參數(shù)為一個鍵值對的對象（properties）時，表示為元素設(shè)置多個屬性值

**注意：
css方法中的name是指具體的樣式屬性名稱，如 width、height、position
addClass方法中的classname 是指定義于.css文件中或者style標(biāo)簽內(nèi)的類選擇器的名稱
例如 .add { color:red; }
$(dom).addClass("add");**

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88603.html

相關(guān)文章

  • jquery梳理之常用選擇器

    摘要：基于規(guī)范選擇元素選擇器選擇器相當(dāng)于原生元素選擇器直接傳入標(biāo)簽相當(dāng)于原生通配符選擇器相當(dāng)于原生層級選擇器選擇節(jié)點(diǎn)下的節(jié)點(diǎn)，節(jié)點(diǎn)只能是直接節(jié)點(diǎn)，如果是下的節(jié)點(diǎn)則獲取不到選擇節(jié)點(diǎn)下的所有節(jié)點(diǎn)選擇與節(jié)點(diǎn)同級的下一個節(jié)點(diǎn)有且僅有一個選擇與節(jié)點(diǎn)同級的所 基于CSS規(guī)范選擇元素 id選擇器 $(#id) class選擇器 $(.class) //相當(dāng)于原生：document.getEleme...

    Raaabbit 評論0 收藏0

  • 前端文章- 收藏集 - 掘金

    摘要：我的職業(yè)是前端工程師入門不是應(yīng)該很簡單嗎前端掘金入門前端，是一件很難的事嗎在今天，我也沒有想好一個答案，也不知道怎樣給出一個答案。其他不多說了，這次的內(nèi)容主要深入理解及應(yīng)用前端掘金幾種常見的邊框用法。 GitHub 上學(xué)習(xí)前端開發(fā)的資料（不定期更新） - 前端 - 掘金GitHub 上學(xué)習(xí)前端開發(fā)的資料（不定期更新）... JS 進(jìn)階篇: 這可能是關(guān)于閉包最好的一篇文章 - 前端 - ...

    sugarmo 評論0 收藏0

  • 前端文章- 收藏集 - 掘金

    摘要：我的職業(yè)是前端工程師入門不是應(yīng)該很簡單嗎前端掘金入門前端，是一件很難的事嗎在今天，我也沒有想好一個答案，也不知道怎樣給出一個答案。其他不多說了，這次的內(nèi)容主要深入理解及應(yīng)用前端掘金幾種常見的邊框用法。 GitHub 上學(xué)習(xí)前端開發(fā)的資料（不定期更新） - 前端 - 掘金GitHub 上學(xué)習(xí)前端開發(fā)的資料（不定期更新）... JS 進(jìn)階篇: 這可能是關(guān)于閉包最好的一篇文章 - 前端 - ...

    Pocher 評論0 收藏0

  • 理解jquery的$.extend

    摘要：當(dāng)目標(biāo)對象為空時，對象將會被默認(rèn)為目標(biāo)對象，這時相當(dāng)于我們在的命名空間下添加新的功能，這是常見的插件開發(fā)模式。以上皆個人愚見，請笑納 理解jquery的$.extend 今日在寫js插件過程中需要使用擴(kuò)展對象的方法，便想到了jQuery.extend這個方法，但又不甚了解，故去查了下官方API文檔，自己也進(jìn)行了相應(yīng)嘗試，現(xiàn)將所得總結(jié)如下： $.extend和$.fn.extend的相關(guān)...

    CarterLi 評論0 收藏0

  • JS函數(shù)知識點(diǎn)梳理

    摘要：函數(shù)的分類普通函數(shù)有函數(shù)名，參數(shù)，返回值，同名覆蓋。示例代碼如下解構(gòu)參數(shù)默認(rèn)值為對象字面量默認(rèn)值為對象本身函數(shù)的返回值函數(shù)的返回值為基本數(shù)據(jù)類型，如字符串，數(shù)字，，，。示例代碼如下函數(shù)的返回值為對象。 要想學(xué)好JavaScript除了基本的JavaScript知識點(diǎn)外，作為JavaScript的第一等公民——函數(shù)，我們要深入的了解。函數(shù)的多變來源于參數(shù)的靈活多變和返回值的多變。如果參數(shù)...

    mgckid 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<