1、获取内容
.html()
var something=$('ul').html();
$('ul').append(something);```
var something=$('li').html();
$('li').append('<i>'+something+'</i>');
只返回第一个< li >元素中的内容；
$('li').each(function(){
var something=$(this).html();
$(this).append(something);
})```
返回每一个< li >元素中的内容
效果2.png
.text()
同上，不过返回值是< ul >或者< li >元素中的文本内容。
2、修改内容
$(function(){
$('li:contains("sss")').text('almonds');
$('li.red').html(function(){
return'<em>'+$(this).text()+'</em>';
})
$('#id1').remove();
});```
3、添加新内容
---------------------------------------------
$(function(){
$('ul').before('<p class="blue">举个栗子</p>');
$('li.red').prepend('+ ');
var b=$('<li>re7rt<em>ke</em>p</li>');
$('li:last').after(b);
});```
效果4.png
获取和设置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'
}) ;
});
修改多个css属性及属性值时，用逗号“,”隔开,'属性1':'属性值1','属性2':'属性值2';当修改单个属性和属性值时---'属性','属性值'
而<p>标签内容的backgroundColor对应css属性background-color的值会以RGB的形式返回。
