jquery 查找 table 下的标签

jquery 查找 

[javascript] view plaincopy

1. $(document).ready(function() {  
2.     $("#div > select").each(function(){  
3.       $(this).bind("change",function(){  
4.         $(this).nextAll("select").each(function(){  
5.             $(this).val(0);//select option:selected  
6.         });  
7.       });  
8.     });  
9.   });  

---

 

jquery查找radio选中项

Html 代码

 <input type="radio" name="sex" value="1" />男

 <input type="radio" name="sex" value="2" />女

[javascript] view plaincopy

1. $("input[type=radio]:checked").val()   

 

---

 

 jquery查找select选中项

Html 代码

  <select name="bank" id="bank">
     <option value="icbc">工商银行</option>
    <option value="ebank">光大银行</option>
     <option value="bc">中国银行</option>
   </select>

[javascript] view plaincopy

1.  $("select option:selected").val()   
2. 如果有多个列表框   
3. $("select[name=bank] option:selected").val()   

 

---

 

 jquery查找checken选中项

  

跟上边类似 由于checkbox为数组，获取时只能获取 同名字的第一个值   

Html 代码

<input type="checkbox" value="1" name="city"/> 北京

<input type="checkbox" value="2" name="city"/> 吉林

 

[javascript] view plaincopy

1. $("input[type=checkbox][name=city]:checked").val()//只能获取第一个所以要去循环  
2.   
3. $("input[type=checkbox][name=city]:checked").each(function(){  
4.   
5.        alert($(this).val());  
6.   
7. })  

 

---

 

 jquery查找table中元素

Html 代码

<table id="table1">
  <tr id="tr1">
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>
  <tr id="tr2">
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>

[javascript] view plaincopy

1. $("#table1 tr[id=tr1] td:nth-child(3)").text()  
2. 或者  
3. $("#table1 tr").each(function(){ alert($(this).children("td:eq(1)").text()); });   

---

jquery的配置项说明

Html

[javascript] view plaincopy

1. $.ajax(function(){  
2.   
3.     url:"/reponse.jsp",// 请求连接 date:"age=m&id=001",//参数也可写到url后边  
4.   
5.     type:"post",//get 或 post  
6.   
7.     dataType:"json",//返回 JSON 数据格式 xml 返回 XML 文档; text 返回纯文本字符串; html 返回纯文本 HTML 信息；包含 script 元素; script 返回纯文本 JavaScript 代码  
8.   
9.     success:function(returnValue){ alert(returnValue);}, //返回的数据 dataType用json时注意返回的格式正确，否则会执行faile方法  
10.   
11.     faile:function(){ //失败时的操作 },  
12.   
13.     async : true,//(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。  
14.   
15.     timeout: 10000,//设置请求超时时间(毫秒)  
16.   
17.     cache :true //设置为 false 将不会从浏览器缓存中加载请求信息 (默认: true)  
18.   
19. })   

 

 

---

 

 jquery控制父窗口的元素

HTML代码

当用window.open()打开一个子页面时，在子页面获取父页面的值或改变值时：

父窗口：<input type="text" value="2010-1-1" id="date"/>

[javascript] view plaincopy

1. $("#date",window.opener.document).val()   

输出结果为： 2010-1-1

 

---

 

jquery建立数组

HTML代码

<div>1</div><div>second</div><div>3</div><div>fourth</div><div>5</div><div>sixth</div>

[javascript] view plaincopy

1. var arr=$.makeArray($("div"));  
2.   
3. alert($(v[1]).text());  

输出结果为： second

数组翻转 HTML代码

[javascript] view plaincopy

1. var arr=$.makeArray($("div"));  
2. var turnArr=arr.reverse();  
3. alert($(turnArr[1]).text());  

输出结果为： 5

---

 

 jquery循环

HTML代码

<div>1</div><div>second</div><div>3</div><div>fourth</div><div>5</div><div>sixth</div>

[javascript] view plaincopy

1. $("div").each(function(i){//一个参数  
2.     alert("第"+i+"个"+"内容是"+$(this).text());  
3. })   

输出结果为： 第1个内容是1 
             第2个内容是second
             第3个内容是3
             ...

对json格式输出 也可对数组迭代输出i为坐标号j为对应的值

 

[javascript] view plaincopy

1. $.each({name:"bingo",age:"25",sex:"youngMan"},function(i,j){  
2.     alert("key:"+i+",value"+j);  
3. })   

输出结果为： name:name,value:bingo 
             name:age,value:25
             name:sex,value:youngMan