jQuery标签的赋值和获取标签内容

1.jQuery 获取标签内容的方法

• text() - 设置或返回所选元素的文本内容
• html() - 设置或返回所选元素的内容（包括 HTML 标记)
• val() - 设置或返回表单字段的值

1.1 $text()//返回所选元素的文本内容

$("#test").text()
<span id="test">我是测试内容</span>

1.2 html()//返回所选元素的内容（包括 HTML 标记）

$("#test").html()
<p id="test">这是段落中的 <b>粗体</b> 文本。</p>

1.3 val()//返回表单字段的值

$("#test").val()
<input id="test" value="我是测试内容">

2.jQuery 获取标签获取属性的值的方法- attr()

var t=$("#test").attr("href")//t=="mytest"
<a href="mytest" id="test">内容</a>

3.jQuery 给标签属性赋值的方法

attr(属性名, 属性值)  
$("#test").attr("href","www.baidu.com")

4.attr(properties) //将一个“名/值”形式的对象设置为所有匹配元素的属性

4.1获取<ul>里第2个<li>设置title和alt属性。

<script>
方法一
$("ul li:eq(1)").attr({title:"111",alt:"222"});
方法二
$("ul li:eq(1)").attr("title","111");
$("ul li:eq(1)").attr("alt","222");
</script>

在li中添加alt是错误的，它只能用在img、area和input元素中（包括applet元素）。对于input元素，alt属性意在用来替换提交按钮的图片。在这里为了很详细说明attr()方法，没有合适的属性，所有用了alt进行举例，只供学习参考attr()方法用法。在此说明下alt和tite的区别。

alt：这是用以描述图形的文字，当图片无法显示时，这些文字会替代图片而被显示。当鼠标移至图片上该些文字亦会显示。
title：是鼠标放上去之后，会显示出来的文字。

4.2获取<ul>里第2个<li>设置class、id。

<script>
$("ul li:eq(1)").attr({className:"lili"});
</script>
<script>
$("ul li:eq(1)").attr({id:"lili"});
</script>

4.3获取<ul>里第2个<li>设置style。

<script>
$("ul li:eq(1)").attr({style:"color:red"});
</script>

5.移除标签属性

$("#test").removeAttr("title")

6.移除标签

$("#test").remove();//根据id删除
$("p").remove(".test");//删除 class="test" 的所有 <p> 元素