浅析jQuery选择器

来源：互联网发布：知呱呱官网编辑：程序博客网时间：2024/05/21 07:57

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

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>

先就写这么多吧，以后在编辑希望大家多多指点

0 0