jquery选择器操作控制select
jQuery获取Select选择的Text和Value:
语法解释：
1. $("#select_id").change(function(){//code...});
//为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();
//获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedI
//获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");
//获取Select最大的索引值
jQuery设置Select选择的Text和Value:
语法解释：
1. $("#select_id ").get(0).selectedIndex=1;
//设置Select索引值为1的项选中
2. $("#select_id ").val(4); //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);
//设置Select的Text值为jQuery的项选中
jQuery添加/删除Select的Option项：
语法解释：
1. $("#select_id").append("Text"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("请选择"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();
//删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();
//删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();
//删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();
//删除Select中Text='4'的Option
//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
$("UPS Ground").appendTo($("select[@name=ISHIPTYPE]"));
//遍历一组select，并设置选中值
$("div:first select").each(function(){
$("div:first select option[value='0']").attr("selected",
//取得下拉选单的选取值
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。基于JQuery 选择器使用说明介绍
字体：[ ] 类型：转载 时间：
本篇文章小编为大家介绍，基于JQuery 选择器使用说明介绍。需要的朋友参考下
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
jQuery 元素选择器：jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 &p& 元素。
$("p.intro") 选取所有 class="intro" 的 &p& 元素。
$("p#demo") 选取 id="demo" 的第一个 &p& 元素。
jQuery 属性选择器 ：jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
选择器实例
当前 HTML 元素
所有 &p& 元素
$("p.intro")
所有 class="intro" 的 &p& 元素
$(".intro")
所有 class="intro" 的元素
$("#intro")
id="intro" 的第一个元素
$("ul li:first")
每个 &ul& 的第一个 &li& 元素
$("[href$='.jpg']")
所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")
id="intro" 的 &div& 元素中的所有 class="head" 的元素
获取/设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
attr() - 设置事返回所选元素的属性值
上面的四个 jQuery 方法：text()、html()、val() 以及 attr()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。$("#btn1").click(function(){
$("#test1").text(function(i,origText){
return "Old text: " + origText + " New text: Hello world ! (index: " + i + ")"; //return newT
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
(function(&$,&undefined&)&{&&&&$.extend(&$.expr[&":"&],&{&&&&&&myExpr:&function(&element&)&{&&&&&&&&return&element.id&===&'o';&&&&&&},&&&&});&&})(&jQuery&);&&
&这段代码声明了一个':myExpr'的表达式，该表达式查找id为'o'的元素，该表达可以单独使用也可以和其他表达式配合使用，如下面代码
Html代码 &&!doctype&html&&&&html&lang="us"&&&&head&&&&&&meta&charset="utf-8"&&&&&&title&test&/title&&&&&&script&src="js/jquery-1.9.1.js"&&/script&&&&/head&&&&body&&&&&&div&id="t"&&&&&&&&input&id="o"&type="text"/&&&&&&&&input&id="s"&type="text"/&&&&&&/div&&&&&&&&input&id="d"&type="text"/&&&&/body&&&&script&type="text/javascript"&&&(function(&$,&undefined&)&{&&&&$.extend(&$.expr[&":"&],&{&&&&&&myExpr:&function(&element&)&{&&&&&&&&return&element.id&===&'o';&&&&&&},&&&&});&&})(&jQuery&);&&&&alert($('#t&:myExpr').length)&&&/script&&&&/html&&&
&查找id为t元素的子元素下id为o的元素http://am-/blog/1961666
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:' jquery 自定义选择器',
blogAbstract:'& & &今天在看JQuery UI的源码时看到$.extend( $.expr[ \":\" \n]..这样的代码，开始没怎么看懂，后来差了一下相关资料才知道这个是JQuery选择器的扩展接口，使用它可以自定义选择器表达式，并且和JQuery\n自带的表达式一起使用。\n一个简单的例子\nJs代码 &'
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}