JQuery 操作笔录 JS

1.操作select点滴

用JQuery控制某个已知的值得option，设置它为选中则：

$("select[name='selectName']").val('S');

则 <option value='S'>的选项被选中

 

新增

 jQuery获取Select选择的Text和Value:

      1. var checkText=jQuery("#select_id").find("option:selected").text();   //获取Select选择的Text

      2. var checkValue=jQuery("#select_id").val();   //获取Select选择的option Value

      3. var checkIndex=jQuery("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值

      4. var maxIndex=jQuery("#select_id option:last").attr("index");   //获取Select最大的索引值

jQuery添加/删除Select的Option项：

      1. jQuery("#select_id").append("<option value='Value'>Text</option>");   //为Select追加一个Option(下拉项)

      2. jQuery("#select_id").prepend("<option value='0'>请选择</option>");   //为Select插入一个Option(第一个位置)

      3. jQuery("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)

      4. jQuery("#select_id option[index='0']").remove();   //删除Select中索引值为0的Option(第一个)

      5. jQuery("#select_id option[value='3']").remove();   //删除Select中Value='3'的Option

      6. jQuery("#select_id option[text='4']").remove();   //删除Select中Text='4'的Option

内容清空：

      jQuery("#select_id").empty();

 

2.操作radio点滴

用JQuery控制某个已知的值的radion，设置它为选中则:

$(":radio[name='groupName'][value="0"]").click();

3.操作checkBox的点滴

用JQuery获取所有选中的复选框

var  checkboxs  =$('input:checkbox[name="checkbox"]:checked');
               ///循环取出
               for(var  j = 0;j<checkboxs.length;j++){

       $(checkboxs[j]).attr("empName");

}

控制全选与全不选

 //全选或反全选
            $(":checkbox[name=selectedChb]").each(function () { 
                this.checked = obj.checked; 
            });

//判断是否选择了该复选框

if($(checkboxs[j]).is(':checked')){

  to do something

}

4.操作一个元素的父元素

<tr>

      <td  id="child">  </td>

</tr>

$("#child").parent()  ---->就是tr

 

5.JS 数组的操作

var a = new Array(["b", 2, "a", 4,]); 带赋值的数组声明

 

json形式的声明

 

var a = new Array();

a = [{"id":1,"name":2} ,{"id":2,"name":3}];

 <input  onclick="dateChange()"  type="text" value="" id="startDate" name="startDate"  readonly="readonly"  class="txt m_timeArriTxt m_fontAri" />

 

6.<th style="width: 11%;"  onmouseover="test(this)"  value="test"  >周日</th>

   function  test(obj)

{

     $(obj)-->做操作!

}

7.对于IFrame的窗体向父窗体进行传值的操作

在IFrame中得到父窗体的doc

var doc=window.parent.getDocument();

 $("exp",doc.document)  获取父窗体的对象,就可以对父窗体的对象进行操作了

 调用在iframe中调用父窗体的方法，实现在父窗体中完成操作

var doc=window.parent.getDocument();
 doc[父窗体的函数名].call(doc,参数);