jquery语法

1. 语法解释：    
2. 1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发    
3. 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text    
4. 3. var checkValue=$("#select_id").val();  //获取Select选择的Value    
5. 4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值    
6. 5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值    
7.   
8.   
9. jQuery设置Select选择的Text和Value:    
10. 语法解释：    
11. 1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中    
12. 2. $("#select_id ").val(4);   //设置Select的Value值为4的项选中    
13. 3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中    
14.   
15.   
16. jQuery添加/删除Select的Option项：    
17. 语法解释：    
18. 1. $("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项)    
19. 2. $("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置)    
20. 3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)    
21. 4. $("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个)    
22. 5. $("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option    
23. 5. $("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option    
24.   
25.   
26. jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关    
27. 获取一组radio被选中项的值    
28. var item = $('input[@name=items][@checked]').val();    
29. 获取select被选中项的文本    
30. var item = $("select[@name=items] option[@selected]").text();    
31. select下拉框的第二个元素为当前选中值    
32. $('#select_id')[0].selectedIndex = 1;    
33. radio单选组的第二个元素为当前选中值    
34. $('input[@name=items]').get(1).checked = true;    
35.   
36. 获取值：    
37.   
38. 文本框，文本区域：$("#txt").attr("value")；    
39. 多选框checkbox：$("#checkbox_id").attr("value")；    
40. 单选组radio：   $("input[@type=radio][@checked]").val();    
41. 下拉框select： $('#sel').val();    
42.   
43. 控制表单元素：    
44. 文本框，文本区域：$("#txt").attr("value",'');//清空内容    
45.                  $("#txt").attr("value",'11');//填充内容    
46.   
47. 多选框checkbox： $("#chk1").attr("checked",'');//不打勾    
48.                  $("#chk2").attr("checked",true);//打勾    
49.                  if($("#chk1").attr('checked')==undefined) //判断是否已经打勾    
50.   
51. 单选组radio：    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项    
52. 下拉框select：   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项    
53.                 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option    
54.                 $("#sel").empty()；//清空下拉框    
55. ----------------------------------------------------------------------------------------------------    
56.   
57. //遍历option和添加、移除option    
58. function changeShipMethod(shipping){    
59. var len = $("select[@name=ISHIPTYPE] option").length    
60. if(shipping.value != "CA"){    
61. $("select[@name=ISHIPTYPE] option").each(function(){    
62. if($(this).val() == 111){    
63. $(this).remove();    
64. }    
65. });    
66. }else{    
67. $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));    
68. }    
69. }    
70.   
71. //取得下拉選單的選取值    
72. $(#testSelect option:selected').text();    
73. 或$("#testSelect").find('option:selected').text();    
74. 或$("#testSelect").val();    
75. //    
76. 记性不好的可以收藏下：    
77. 1,下拉框:    
78. var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)    
79. var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值    
80. var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值    
81. $("#select").empty();//清空下拉框//$("#select").html('');    
82. $("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option    
83. 稍微解释一下:    
84. 1.select[@name='country'] option[@selected] 表示具有name 属性，    
85. 并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素；    
86. 可以看出有@开头的就表示后面跟的是属性。    
87. 2,单选框:    
88. $("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)    
89. $("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)    
90. 3,复选框:    
91. $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值    
92. $("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出    
93. alert($(this).val());    
94. });    
95. $("#chk1").attr("checked",'');//不打勾    
96. $("#chk2").attr("checked",true);//打勾    
97. if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾    
98.   
99. 当然jquery的选择器是强大的. 还有很多方法.    
100. <script. src="jquery-1.2.1.js" type="text/javascript"></script>    
101. <script. language="javascript" type="text/javascript">    
102. $(document).ready(function(){    
103. $("#selectTest").change(function()    
104. {    
105. //alert("Hello");    
106. //alert($("#selectTest").attr("name"));    
107. //$("a").attr("href","xx.html");    
108. //window.location.href="xx.html";    
109. //alert($("#selectTest").val());    
110. alert($("#selectTest option[@selected]").text());    
111. $("#selectTest").attr("value", "2");    
112. });    
113. });    
114. </script>    
115.   
116. <a href="#">aaass</a>    
117. <!--下拉框-->    
118. <select id="selectTest" name="selectTest">    
119. <option value="1">11</option>    
120. <option value="2">22</option>    
121. <option value="3">33</option>    
122. <option value="4">44</option>    
123. <option value="5">55</option>    
124. <option value="6">66</option>    
125. </select>    
126. jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项的值    
127. var item = $('input[@name=items][@checked]').val();    
128. 获取select被选中项的文本    
129. var item = $("select[@name=items] option[@selected]").text();    
130. select下拉框的第二个元素为当前选中值    
131. $('#select_id')[0].selectedIndex = 1;    
132. radio单选组的第二个元素为当前选中值    
133. $('input[@name=items]').get(1).checked = true;    
134. 获取值：    
135. 文本框，文本区域：$("#txt").attr("value")；    
136. 多选框checkbox：$("#checkbox_id").attr("value")；    
137. 单选组radio： $("input[@type=radio][@checked]").val();    
138. 下拉框select： $('#sel').val();    
139. 控制表单元素：    
140. 文本框，文本区域：$("#txt").attr("value",'');//清空内容    
141. $("#txt").attr("value",'11');//填充内容    
142. 多选框checkbox： $("#chk1").attr("checked",'');//不打勾    
143. $("#chk2").attr("checked",true);//打勾    
144. if($("#chk1").attr('checked')==undefined) //判断是否已经打勾    
145. 单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项    
146. 下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项    
147. $("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option    
148. $("#sel").empty()；//清空下拉框    
149. 获取一组radio被选中项的值    
150. var item = $('input[@name=items][@checked]').val();    
151. 获取select被选中项的文本    
152. var item = $("select[@name=items] option[@selected]").text();    
153. select下拉框的第二个元素为当前选中值    
154. $('#select_id')[0].selectedIndex = 1;    
155. radio单选组的第二个元素为当前选中值    
156. $('input[@name=items]').get(1).checked = true;    
157. 获取值：    
158. 文本框，文本区域：$("#txt").attr("value")；    
159. 多选框checkbox：$("#checkbox_id").attr("value")；    
160. 单选组radio： $("input[@type=radio][@checked]").val();    
161. 下拉框select： $('#sel').val();    
162. 控制表单元素：    
163. 文本框，文本区域：$("#txt").attr("value",'');//清空内容    
164. $("#txt").attr("value",'11');//填充内容    
165. 多选框checkbox： $("#chk1").attr("checked",'');//不打勾    
166. $("#chk2").attr("checked",true);//打勾    
167. if($("#chk1").attr('checked')==undefined) //判断是否已经打勾    
168. 单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项    
169. 下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项    
170. $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option    
171. $("#sel").empty()；//清空下拉框