Jquery1.32新写法

 1  $( " input[name$='ml1909']:checked " ).val()
 2  jQuery不同版本可能写法不太一样,经过搜索和做实验,下面写的是jQuery  1.3 .2版本下的
 3  jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
 4 
 5  设置:
 6  获取一组radio被选中项的值:var item  =  $(’input[name = items][ checked ]‘).val();
 7 
 8 
 9 
10  获取select被选中项的文本var item  =  $(”select[@name = items] option[@selected]“).text();获取select被选中项的文本 :var item  =  $(”select[name = items] option[selected]“).text(); 或$(”select[name = items]“).find(”option:selected”).text();
11 
12  select下拉框的第二个元素为当前选中值:$(’#select_id’)[ 0 ].selectedIndex  =   1 ;
13 
14  select下拉框value  =  ‘val’的元素为当前选中项:$(”select[name = items] option[value = ' val ' ]“).attr(”selected”,”selected”);
15 
16  radio单选组的第二个元素为当前选中项 :$(’input[@name = items]‘). get ( 1 ). checked   =   true ; 或$(’input[name = items]‘).attr(” checked ”, ‘ 1 ′);
17 
18  radio的value  =  ‘val’的元素为当前选中项:$(’input[name = items][value = ' val ' ]‘).attr(” checked ”,” checked ”);
19 
20   获取值: 文本框,文本区域:$(”#txt”).attr(”value”);
21 
22  多选框checkbox:$(”#checkbox_id”).attr(”value”);
23 
24  单选组radio: $(”input[type = radio][ checked ]“).val();
25 
26  下拉框select: $(’select’).val();
27 
28 
29  控制表单元素:
30 
31  文本框,文本区域:$(”#txt”).attr(”value”,”);  // 清空内容 
32 
33  $(”#txt”).attr(”value”,’ 11 ′);  // 填充内容 
34 
35  多选框checkbox:
36  checkbox的第二个元素被打勾:$(”input[name = items]“). get ( 1 ). checked   =   true // 打勾
37  $(”input[name = items]“). get ( 1 ). checked   =   false // 不打勾 
38 
39  checkbox的value = ’val’的元素前打勾:$(”input[name = item][value = ' val ' ]“).attr(” checked ”, true );或$(”input[name = item][value = ' val ' ]“).attr(” checked ”,” checked ”);
40 
41  if ($(”input[name = item][value = ' val ' ]“).attr(’ checked ’) == true )   // 判断是否已经打勾 
42 
43  单选组radio:    $(”input[type = radio]“).attr(” checked ”,’ 2 ′); // 设置value=2的项目为当前选中项 
44 
45  下拉框select:   $(”#sel”).attr(”value”,’ - sel3′); // 设置value=-sel3的项目为当前选中项 
46 
47  $(” < option value = 1 > 1111 </ option >< option value = 2 > 2222 </ option > ”).appendTo(”#sel”) // 添加下拉框的option 
48 
49  $(”#sel”).empty(); // 清空下拉框 
50 
51 
52 
53  appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,返回值是所有被追加的内容,而不仅仅是先前所选中的元素。所以,要选择先前选中的元素,需要使用end()方法。
54 
55  示例:
56 
57  HTML 代码:
58  < div ></ div >
59  < div ></ div > jQuery 代码:
60  $( " p " ).appendTo( " div " );结果:
61  < div >< p > I would like to say:  </ p ></ div >
62  < div >< p > I would like to say:  </ p ></ div > 描述:
63  新建段落追加div中并加上一个class
64 
65  HTML 代码:
66  < div ></ div >< div ></ div > jQuery 代码:
67   $( " <p/> " )
68     .appendTo( " div " )
69     .addClass( " test " )
70     .end()
71     .addClass( " test2 " );结果:
72 
73  < div >< p ></ p ></ div >
74  < div >< p ></ p ></ div >
75 
76  < div >< class = " test test2 " ></ p ></ div >
77  < div >< class = " test " ></ p ></ div >  


你可能感兴趣的:(jquery)