jquery语法

原创 2011年01月07日 17:50:00

  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();//清空下拉框   

Jquery语法大全

  • 2012年12月15日 15:49
  • 300KB
  • 下载

JQuery基本语法

  • 2015年06月09日 12:08
  • 836KB
  • 下载

jQuery插件之【jqGrid】常用语法整理

jqGrid常用语法整理,包含数据获取、常用函数、触发事件等 jqGrid表格数据获取相关语法 获取表格所有数据  $("#grid").jqGrid("getRow...

Jquery 的语法问题

  • 2013年07月29日 11:09
  • 4.61MB
  • 下载

jQuery语法高亮插件,代码着色,页面代码着色

1) highlightjs Highlight.js能够对页面中的各种程序源代码语法着色加亮。支持的语言包括: Python Ruby Perl PHP XML HTML ...

jquery基本语法

  • 2013年06月24日 20:25
  • 62KB
  • 下载

jQuery JSONView【JSON高度格式化和语法高亮】

index.html JQuery JSONView
  • WuLex
  • WuLex
  • 2017年05月25日 22:10
  • 976

jquery template 语法总结

  • 2012年10月16日 22:28
  • 1KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery语法
举报原因:
原因补充:

(最多只允许输入30个字)