jquery 查找

jquery 查找

  $(document).ready(function() {      $("#div > select").each(function(){        $(this).bind("change",function(){          $(this).nextAll("select").each(function(){              $(this).val(0);//select option:selected          });        });      });    });

---

 

jquery查找radio选中项

Html 代码

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

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

 $("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>

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

 

---

 

 jquery查找checken选中项

  

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

Html 代码

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

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

 

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

 

---

 

 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>

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

---

jquery的配置项说明

Html

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

 

 

---

 

 jquery控制父窗口的元素

HTML代码

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

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

$("#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>

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

输出结果为： second

数组翻转 HTML代码

var arr=$.makeArray($("div"));var turnArr=arr.reverse();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>

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

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

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

 

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

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

---

---