复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="/UploadFiles/2021-04-02/jquery-1.3.2.js"><script type="text/javascript"><!--
    $(function(){
            $("#aFirst").click(function(){
                    $("div[id]").each(function(){
                        $(this).css("background","#773300");
                    })
            })
            $("#aSecond").click(function(){
                    $("div[id = div2]").each(function(){
                         $(this).css("background","#8833ff");
                    })
            })
            $("#aThird").click(function(){
                    $("div[id != div2]").each(function(){
                         $(this).css("background","#87f289");
                    })
            })
            $("#aFourthly").click(function(){
                    $("div[name ^= DIV]").each(function(){
                         $(this).css("background","#140586");
                    })
            })
            $("#aFifthly").click(function(){
                    $("div[name $= ly]").each(function(){
                         $(this).css("background","#930584");
                    })
            })
            $("#aSixth").click(function(){
                    $("div[name *= th]").each(function(){
                         $(this).css("background","#099483");
                    })
            })
            $("#aSeventh").click(function(){
                    $("div[id][name !=Fifthly][name *= i]").each(function(){
                         $(this).css("background","#938607");
                    })
            })
     })
// --></script>
<title>无标题文档</title>
</head>
<body>
<a href="#" onclick="javascript:location.reload();">重置</a>
<div id="div1" name ="DIV_First">div1</div>
<div id="div2" name ="DIV_Second">div2</div>
<div id="div3" name = "DIV_Third">div3</div>
<div id="div4" name = "DIV_Fourthly">div4</div>
<div id="div5" name="Fifthly">div5</div>

<a href="#" id="aFirst">设置页面所有DIV元素的背景颜色</a>|
<a href="#" id="aSecond">设置第2个DIV的背景颜色</a>|
<a href="#" id="aThird">设置除第2个DIV以外DIV的背景颜色</a>|
<a href="#" id="aFourthly">设置name属性值以DIV开头的元素</a>|
<a href="#" id="aFifthly">设置name属性值以ly结尾的元素</a>|
<a href="#" id="aSixth">设置name属性值包含th的元素</a>|
<a href="#" id="aSeventh">综合应用</a>

</body>
</html>

1.$("selector [Attribute]")--注,以下直接简写为[Attribute]
描述:获取selector选择的元素集合里,拥有Attribute属性的元素集合。应该较为简单,在这就不做啥详细说明了,有不了解的跟下贴,哈
返回值:Array(Element);
2.[attribute=value]
描述:获取selector选择的元素集合里,拥有Attribute属性值等于Value的元素集合。
返回值:Array(Element);
3.[attribute!=value]
描述:获取selector选择的元素集合里,拥有Attribute属性值不等于Value的元素集合。
返回值:Array(Element);
4.[attribute^=value]
描述:获取selector选择的元素集合里,拥有Attribute属性值以Value开头的元素集合。相当于正则的规范^^
返回值:Array(Element);
5.[attribute$=value]
描述:获取selector选择的元素集合里,拥有Attribute属性值以Value结尾的元素集合。相当于正则的规范^^
返回值:Array(Element);
6.[attribute*=value]
描述:获取selector选择的元素集合里,拥有Attribute属性值包含Value的元素集合。
返回值:Array(Element);
7.[selector1][selector2][selectorN]
描述:与第一章中,基本选择器综合应用一样,此方法也就是前6种的综合版,就如我例子中$("div[id][name !=Fifthly][name *= i]")就是取所有的div元素中,拥有ID属性&&name属性!=Fifthly&&name属性包含字符i的DIV元素的集合,大家用我例子试下就能很清楚的了解看到效果了,哈。好好利用此方法应该很有用^^
返回值:Array(Element);
标签:
JQuery,学习笔记,选择器

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

评论“JQuery 学习笔记 选择器之五”

暂无“JQuery 学习笔记 选择器之五”评论...

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。