浅析jQuery选择器

浏览数：23 / 时间：2015年06月09日

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

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>

script代码：

<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选择器