介紹以下 jQuery 函數(shù)的用法,給出范例

屬性相關(guān)

.val([value])

這是一個(gè)讀寫雙用的方法拷恨,用來處理input的value,當(dāng)方法沒有參數(shù)的時(shí)候返回input的value值谢肾,當(dāng)傳遞了一個(gè)參數(shù)的時(shí)候腕侄,方法修改input的value值為參數(shù)值

$('input').val()

$('input').val('newValue');

.attr()

.attr(attributeName)

獲取元素特定屬性的值

Get the value of an attribute for the first element in the set of matched elements.

var title = $( "em" ).attr( "title" );

.attr(attributeName,value) / .attr(attributesJson) / .attr( attributeName, function(index, attr) )

為元素屬性賦值

Set one or more attributes for the set of matched elements.

$( "#greatphoto" ).attr( "alt", "Beijing Brush Seller" );

$( "#greatphoto" ).attr({
  alt: "Beijing Brush Seller",
  title: "photo by Kelly Clark"
});

$( "#greatphoto" ).attr( "title", function( i, val ) {
  return val + " - photo by Kelly Clark";
});//這里用id選擇符舉例是不是function永遠(yuǎn)最多迭代一次?用類選擇符是不是更好些?

.removeAttr()

為匹配的元素集合中的每個(gè)元素中移除一個(gè)屬性(attribute)

.removeAttr() 方法使用原生的 JavaScript removeAttribute() 函數(shù),但是它的優(yōu)點(diǎn)是可以直接在一個(gè) jQuery 對象上調(diào)用該方法冕杠,并且它解決了跨瀏覽器的屬性名不同的問題微姊。

$('div').removeAttr('id');

.prop()/.removeProp()

這兩個(gè)方法是用來操作元素的property的,property和attibute是非常相似的概念分预,感興趣的同學(xué)可以看看jQuery的attr與prop

CSS相關(guān)

.css()

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

.css(propertyName) / .css(propertyNames)

獲取元素style特定property的值

Get the value of style properties for the first element in the set of matched elements.

var color = $( this ).css( "background-color" );

var styleProps = $( this ).css([
  "width",
  "height",
  "color",
  "background-color"
]);

.css(propertyName,value) / .css( propertyName, function(index, value) ) / .css( propertiesJson )

設(shè)置元素style特定property的值

Set one or more CSS properties for the set of matched elements.

$( "div.example" ).css( "width", function( index ) {
  return index * 50;
});

$( this ).css( "width", "+=200" );

$( this ).css( "background-color", "yellow" );

$( this ).css({
  "background-color": "yellow",
  "font-weight": "bolder"
});

.addClass(className) / .removeClass(className)

.addClass(className) / .addClass(function(index,currentClass))

為元素添加class,不是覆蓋原class笼痹,是追加配喳,也不會檢查重復(fù)

Adds the specified class(es) to each of the set of matched elements.

$( "p" ).addClass( "myClass yourClass" );

$( "ul li" ).addClass(function( index ) {
  return "item-" + index;
});

removeClass([className]) / ,removeClass(function(index,class))

移除元素單個(gè)/多個(gè)/所有class

Remove a single class, multiple classes, or all classes from each element in the set of matched elements.

$( "p" ).removeClass( "myClass yourClass" );

$( "li:last" ).removeClass(function() {
  return $( this ).prev().attr( "class" );
});

.hasClass(className)

檢查元素是否包含某個(gè)class,返回true/false

Determine whether any of the matched elements are assigned the given class.

$( "#mydiv" ).hasClass( "foo" )

.toggleClass(className)

toggle是切換的意思凳干,方法用于切換晴裹,switch是個(gè)bool類型值,這個(gè)看例子就明白

<div class="tumble">Some text.</div>

第一次執(zhí)行

$( "div.tumble" ).toggleClass( "bounce" )

<div class="tumble bounce">Some text.</div>

第二次執(zhí)行

$( "div.tumble" ).toggleClass( "bounce" )

<div class="tumble">Some text.</div>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末救赐,一起剝皮案震驚了整個(gè)濱河市涧团,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌经磅,老刑警劉巖泌绣,帶你破解...
    沈念sama閱讀 216,744評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異馋贤,居然都是意外死亡赞别,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評論 3 392
  • 文/潘曉璐 我一進(jìn)店門配乓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來仿滔,“玉大人,你說我怎么就攤上這事犹芹∑橐常” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評論 0 353
  • 文/不壞的土叔 我叫張陵腰埂,是天一觀的道長飒焦。 經(jīng)常有香客問我,道長屿笼,這世上最難降的妖魔是什么牺荠? 我笑而不...
    開封第一講書人閱讀 58,242評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮驴一,結(jié)果婚禮上休雌,老公的妹妹穿的比我還像新娘。我一直安慰自己肝断,他們只是感情好杈曲,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,269評論 6 389
  • 文/花漫 我一把揭開白布驰凛。 她就那樣靜靜地躺著,像睡著了一般担扑。 火紅的嫁衣襯著肌膚如雪恰响。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,215評論 1 299
  • 那天涌献,我揣著相機(jī)與錄音胚宦,去河邊找鬼。 笑死燕垃,一個(gè)胖子當(dāng)著我的面吹牛间唉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播利术,決...
    沈念sama閱讀 40,096評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼呈野,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了印叁?” 一聲冷哼從身側(cè)響起被冒,我...
    開封第一講書人閱讀 38,939評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎轮蜕,沒想到半個(gè)月后昨悼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,354評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡跃洛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,573評論 2 333
  • 正文 我和宋清朗相戀三年率触,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片汇竭。...
    茶點(diǎn)故事閱讀 39,745評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡葱蝗,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出细燎,到底是詐尸還是另有隱情两曼,我是刑警寧澤,帶...
    沈念sama閱讀 35,448評論 5 344
  • 正文 年R本政府宣布玻驻,位于F島的核電站悼凑,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏璧瞬。R本人自食惡果不足惜户辫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,048評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望嗤锉。 院中可真熱鬧渔欢,春花似錦、人聲如沸档冬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽酷誓。三九已至披坏,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間盐数,已是汗流浹背棒拂。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留玫氢,地道東北人帚屉。 一個(gè)月前我還...
    沈念sama閱讀 47,776評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像漾峡,于是被迫代替她去往敵國和親攻旦。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,652評論 2 354

推薦閱讀更多精彩內(nèi)容

  • jqueryscript放在head中生逸,文檔前面時(shí)window.onload=handle頁面全部加在完再執(zhí)行jq...
    安石0閱讀 406評論 0 0
  • jQuery DOM操作 來源饑人谷課件牢屋,轉(zhuǎn)載請注明來源 創(chuàng)建元素 只需要把DOM字符串傳入$方法即可返回一個(gè)jQ...
    饑人谷光仔閱讀 401評論 0 0
  • 以下jQuery方法有什么作用?如何使用槽袄?給出范例 .append() 寫法:.append(content[,c...
    原上的小木屋閱讀 1,127評論 0 0
  • Data Visualization with D3 D3: SVG中的jQurey 1. Add Documen...
    王策北閱讀 760評論 0 2
  • 眼睛 媽媽才四十多就已經(jīng)因?yàn)樘珓诶劾游蓿搜劬?眼鏡 好想陪媽媽久一點(diǎn),為她配一副眼鏡遍尺,或者換我為她讀書中的故事 眼...
    sunfove閱讀 193評論 0 2