一.使用jQuery获取HTML元素对应的jquery对象
在标准javascript中，可以使用document.getElementById()方法根据ID获取HTML元素对应的DOM对象。
语法：var DOM对象=document.getElementById(对象id)
然后通过DOM对象中的innerText属性可以获取和设置HTML元素的显示文本。
1.在javascript中获取HTML元素对应的DOM的实例。
<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript">
function showa(){
var ied=document.getElementById('a');
alert(ied.innerText); //IE 通用innerHTML
}
window.addEventListener("load",showa,true);
</script>
</head>
<body>
<a id="a">aa</a><br>
<a id="b">bb</a><br>
<a id="c">cc</a>
</body>
</html>2.jQuery可以使用多个选择器获取HTML元素，则可以使用get()方法得到其中的一个HTML元素语法如下：
var jQuery对象=jQuery选择器.get(索引);
索引是从0开始的整数，如果要得到第一个HTML元素，则索引使用0；如果要得到第二个HTML元素，则索引使用1；以此类推。
例如，使用get()方法获取HTML元素对应的jQuery对象的实例。
<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="jquery(1).js"></script>
<script>
$(document).ready(function(){
$("a").click(function(){
alert($("a").get(0).innerText);
});
});
</script>
</head>
<body>
<a id="a">aa</a><br>
<a id="b">bb</a><br>
<a id="c">cc</a>
</body>
</html>3.也可以使用each()方法遍历jQuery选择器所有匹配的元素，并对每个元素执行指定的回调函数。
语法:each(回调函数)
通常回调函数有一个可选的整数参数表示遍历元素的索引。
演示使用each()方法遍历DOM对象的实例。
<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="jquery(1).js"></script>
<script>
$(document).ready(function(){
$(document.body).click(function(){
$("div").each(function(i){
if(this.style.color!="blue"){
this.style.color="blue";
}else{
this.style.color="";
}
});
});
});
</script>
</head>
<body>
<div>北京</div>
<div>上海</div>
<div>南京</div>
<div>西安</div>
<div>湖南</div>
</body>
</html>二.使用jquery获取和设置HTML元素的内容
可以调用html()方法、text()方法、val()方法获取和设置HTML元素的内容。
区别：三种方法都是用来读取和设置内容。
html()读取HTML元素的内容包括标签。
text()用于读取HTML元素的纯文本内容和子元素内容（不包括标签）
val()用于读取表单元素中的内容（用于读取或修改表单元素的value值）
1.html（）方法
使用html()方法获取HTML元素内容的语法如下：
var htmlStr=jQuery对象.html();
变量htmlStr就是得到的HTML元素的内容。
设置HTML元素内容的语法如下：
jQuery对象.html(htmlStr);
参数htmlStr就是要设置的HTML元素的内容。
例如，调用html()方法设置HTML元素内容的实例。
<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="jquery(1).js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").html("hello jquery");
});
});
</script>
</head>
<body>
<p>请观察我的变化</p>
<button>点击我</button>
</body>
</html>网页中定义了一个p元素和一个按钮，当单击按钮会将p元素的内容设置为“hello jquery”。
2.text()方法
使用text()方法获取HTML元素内容的语法如下：
var htmlStr=jQuery对象.text();
变量htmlStr就是得到的HTML元素的内容。
设置HTML元素内容的语法如下：
jQuery对象.text(htmlStr);
参数htmlStr就是要设置的HTML元素的内容。
html()方法只能用于HTML文档，不能用于XML文档；而text()方法对HTML和XML文档都有效。
3.val()方法
使用val()方法获取HTML元素内容的语法如下：
var value=jQuery对象.val();
变量value就是得到的HTML元素的内容。
设置HTML元素内容的语法如下：
jQuery对象.val(value);
val()方法还可以指定一个函数用于设置HTML元素的内容语法如下：
$(selector).val(function(index,oldvalue))
参数说明如下：
$(selector):选择器
index:可选参数。接受选择器的index位置（当选择多个元素时有效）
oldvalue：可选参数。接受选择器的当前value属性。
<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="jquery(1).js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input:text").val(function(index,oldvalue){
return oldvalue.toUpperCase();
});
});
});
</script>
</head>
<body>
<p>Name:<input type="text" name="user" value="abxd"/></p>
<button>转化为大写</button>
</body>
</html>
