浅析jQuery选择器

标签：

说是选择器的浅析，其实这些也是我们最常用的选择器。

1、$("   ") 这个是基础，也就是无论jQuery哪种选择器都是依赖于这种格式。

例如：$("p") 、$("div") 等选择所有的p标签 或是 所有的div的标签 返回的是一个 字符串类型的数组   var   arr[]

2、$(".class"); class 选择器

3、$("#id ");Id 选择器

4、比较特殊一点但是经常会用的就是select 下拉列表框

       例如: 代码显示

.jsp代码

<span style="font-family:Microsoft YaHei;font-size:14px;"> <select id="testTypeId"  style="width:150px">
       <option value="">--请选择--</option>
	<c:forEach var="country" items="${testTypelist }" >
		<option value="${country.dict_item_id}" >
			${country.dict_item_name}
		</option>
	</c:forEach>
</select> 

</span>

<span style="font-family:Microsoft YaHei;font-size:14px;"><script type="text/javascript">
function addPos() {
	var testTypeName= $('#testTypeId option:selected').text().trim();
	// 这个是${country.dict_item_name}值（option的值）
        alert(testTypeName);
       // 这个是${country.dict_item_name}值（option的值）
       alert($("#testTypeId").find('option:selected').text());
       //这个是value="${country.dict_item_id}" 值（value的值）
 alert($('#testTypeId').val());
</script></span>

浅析jQuery选择器

标签：

原文地址：http://blog.csdn.net/lzh1110/article/details/45038957