二、獲取內(nèi)容们颜、修改內(nèi)容吕朵、添加新內(nèi)容

1猎醇、獲取內(nèi)容

.html()

var something=$('ul').html();
$('ul').append(something);```
![效果.png](http://upload-images.jianshu.io/upload_images/6705565-3ef6217f82f979d6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

var something=$('li').html();
$('li').append('<i>'+something+'</i>');


只返回第一個(gè)< li >元素中的內(nèi)容;

$('li').each(function(){
var something=$(this).html();
$(this).append(something);
})```
返回每一個(gè)< li >元素中的內(nèi)容


效果2.png

.text()
同上努溃,不過返回值是< ul >或者< li >元素中的文本內(nèi)容硫嘶。

2、修改內(nèi)容

$(function(){
   $('li:contains("sss")').text('almonds');
   $('li.red').html(function(){
       return'<em>'+$(this).text()+'</em>';
})
   $('#id1').remove();
});```

![效果3.png](http://upload-images.jianshu.io/upload_images/6705565-61f562ba802f0842.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3梧税、添加新內(nèi)容
---------------------------------------------

$(function(){
$('ul').before('<p class="blue">舉個(gè)栗子</p>');
$('li.red').prepend('+ ');
var b=$('<li>re7rt<em>ke</em>p</li>');
$('li:last').after(b);
});```

效果4.png

獲取和設(shè)置css屬性

.css()方法
.css('background-color');
.css('background-color','#565656')
.css({
'background-color':'#167253',
'color':'#267536',
'font-size':'15px'
})

$(function(){ 
  var backgroundColor=$('li').css('background-color');
  $('ul').append('<p>Color was: '+backgroundColor+'</p>');
  $('li').css({
    'background-color': '#c5a996',
    'border':'1px solid #fff',
    'color':'#000',
    'font-family':'Georgia',
    'padding-left':'+=75'
  }) ;
});

修改多個(gè)css屬性及屬性值時(shí)沦疾,用逗號(hào)“,”隔開,'屬性1':'屬性值1','屬性2':'屬性值2';當(dāng)修改單個(gè)屬性和屬性值時(shí)---'屬性','屬性值'
而<p>標(biāo)簽內(nèi)容的backgroundColor對應(yīng)css屬性background-color的值會(huì)以RGB的形式返回。

ps:最好是修改class屬性的值來觸發(fā)css規(guī)則第队,而好過直接修改css屬性

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末哮塞,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子斥铺,更是在濱河造成了極大的恐慌彻桃,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件晾蜘,死亡現(xiàn)場離奇詭異邻眷,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)剔交,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進(jìn)店門肆饶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人岖常,你說我怎么就攤上這事驯镊。” “怎么了竭鞍?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵板惑,是天一觀的道長。 經(jīng)常有香客問我偎快,道長冯乘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任晒夹,我火速辦了婚禮裆馒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘丐怯。我一直安慰自己喷好,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布读跷。 她就那樣靜靜地躺著梗搅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上无切,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天蟀俊,我揣著相機(jī)與錄音,去河邊找鬼订雾。 笑死,一個(gè)胖子當(dāng)著我的面吹牛矛洞,可吹牛的內(nèi)容都是我干的洼哎。 我是一名探鬼主播,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼沼本,長吁一口氣:“原來是場噩夢啊……” “哼噩峦!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起抽兆,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤识补,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后辫红,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凭涂,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年贴妻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了切油。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,814評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡名惩,死狀恐怖澎胡,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情娩鹉,我是刑警寧澤攻谁,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站弯予,受9級(jí)特大地震影響戚宦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜熙涤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一阁苞、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧祠挫,春花似錦那槽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至慌植,卻和暖如春甚牲,著一層夾襖步出監(jiān)牢的瞬間义郑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工丈钙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留非驮,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓雏赦,卻偏偏與公主長得像劫笙,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子星岗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,728評論 2 351

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

  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,527評論 32 459
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案填大? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,743評論 1 92
  • 1寥掐、鐵觀音:除具有一般茶葉的保健功能外靴寂,還具有抗衰老、抗癌癥召耘、抗動(dòng)脈硬化榨汤、防治糖尿病、減肥健美怎茫、降火收壕,敵煙醒酒。 ...
    BoBo520閱讀 290評論 0 2
  • 時(shí)曉偉(石船) 云計(jì)算轨蛤,傳說中很神秘 聽起來有點(diǎn)懸 能把每粒沙子鑲上芯片 排好隊(duì)蜜宪,穿成串 隨時(shí)聽從指令的召喚 也能...
    石船先生的醬湯閱讀 208評論 3 4
  • 前言 使用Intent可以結(jié)合IntentFilter來隱式調(diào)用相應(yīng)的組件。好處:解耦祥山、可以啟動(dòng)特定的組件(設(shè)置C...
    asla閱讀 485評論 0 0