怎么找到class中jquery 获取含有classee属性的a标签

来源：蜘蛛抓取(WebSpider) 时间：2016-12-09 08:10 标签： jquery是否含有class
<meta name="keywords" content="jquery,,标签,,标签,class,属性" />
数据载入中，请稍后......
懒人码库客户端
欢迎来到懒人码库！懒人码库QQ群：
当前位置： >
jquery获取&li&标签下&a&标签的值，并添加class属性
11:56　来源： / 作者：懒人
已被阅读：次　分类：　上一篇： 下一篇：
&&ul&id=getcolor& &&
&li&&a&href=&#&&&11&/a&&/li&
&li&&a&href=&#&&&22&/a&&/li&
&li&&a&href=&#&&&33&/a&&/li&
&li&&a&href=&#&&&44&/a&&/li&&&&&&&&&&&
我想用jquery获取当前点击的&a&标签的值，并且同时添加一个属性class。并且把别的&a&标签的属性移除
$(&#getcolor&li&).click(function(){&&&&&$(this).children(&a&).addClass(&class1&).parent().siblings().find(&a&).removeClass(&class1&);&});&
&script&type=&text/javascript&&&&&&&&&&&&$(&#getcolor&li&a&).click(function(){&&&&&&&&&$(this).addClass(&on&).parent().siblings().find(&a&).removeAttr(&class&);&&&&&})&&/script&&&
(搜索小技巧,留空显示所有)小贴士：懒人码库
为网页前端人员提供建站常用的广告代码和网页特效，内容涵盖焦点图，导航菜单，jQuery代码，图片特效，对联广告，日历控件，在线客服等。
我们一直在进步77950人阅读
jquery（43）
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：
1.&&&&&&&&&&&is(‘.classname’)
2.&&&&&&&&&&&hasClass(‘classname’)
以下是一个div元素是否包含一个redColor的例子：
1. 使用is(‘.classname’)的方法
$('div').is('.redColor')
2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))
$('div').hasClass('redColor')
以下是检测一个元素是否含有一个redColor类的例子，含有时，则把其类变为blueColor。
&styletype=&text/css&&
& .redColor {
&&&&&&& background:
& .blueColor {
&&&&&&& background:
&scripttype=&text/javascript&src=&jquery-1.3.2.min.js&&&/script&
& &h1&jQuery check if an element has a certain class&/h1&
& &divclass=&redColor&&This is a div tag with class name of &redColor&&/div&
& &buttonid=&isTest&&is('.redColor')&/button&
& &buttonid=&hasClassTest&&hasClass('.redColor')&/button&
& &buttonid=&reset&&reset&/button&
&scripttype=&text/javascript&&
&&& $(&#isTest&).click(function () {
&&&&&&& & if($('div').is('.redColor')){
&&&&&&& & &&&&& $('div').addClass('blueColor');
&&&&&&& & }
&&& $(&#hasClassTest&).click(function () {
&&&&&&& & if($('div').hasClass('redColor')){
&&&&&&& & &&&&& $('div').addClass('blueColor');
&&&&&&& & }
&&&&&&& $(&#reset&).click(function () {
&&&&&&& & location.reload();
&初始效果：
点击is('.redColor')后的效果：
点击hasClass('redColor')的效果与点击is('.redColor')后的效果相同，点击reset的效果与初始效果相同。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：309137次
积分：4249
积分：4249
排名：第5948名
原创：43篇
转载：10篇
译文：203篇
(1)(2)(1)(154)(15)(3)(5)(16)(37)(13)(9)通过两行代码来看a元素的属性：class，href，title，style，id，lang等
&a class=&top1& &#160;href=&& title=&click me& style=&display:&&空连接0&/a&
&a id=&top2& &#160;href=&& lang=&CN& tabindex=&2& hidden=&hidden& status=&1&&空连接1&/a&访问a标签中属性xxx的办法是：
1、object.xxx
2、object[&xxx&] & & & & & //此条是1的变体,可以看做是等价的
3、object.getAttribute(&xxx&)
但是在访问中存在兼容问题，大概可以划分为两类问题：
A、属性的兼容：id、class、href、title、style、hidden等属性并非都可以用1，2，3这三个方案访问；
B、浏览器的兼容：并非所有的浏览器都内置了这三个方法。
对class属性的进一步探讨：
1-1、className属性。a标签中class属性，供添加样式用，相关概念有class及映射className、classList这3个。
一般来说，所有属性都可以object.xxx、object[&xxx&]及object.getAttribute(&xxx&)来访问的，但因class属于JavaScript保留字，故将其映射为className来供上述方案访问。所以标准浏览器都支持：a.className和a[&className&]这2个办法的访问。
至于a.getAttribute(&class&)还是a.getAttribute(&className&)则需看浏览器是否兼容这个方法的访问了。（待考：前者能在Mozilla(Firefox)和Opera中正确运行，在IE和Safari中则不能使用。后者能在IE和Opera中正确运行，在Mozilla(Firefox)和Safari中则不能使用。）
但DOM2级方法object.getAttribute(&xxx&)，用来获取标签内的自定义属性是没问题的，所以一个保守的做法是
1-2、classList属性。因为class属性的&#20540;可以包含若干个样式名，如class=&top1
left&,这个字符串性质的&#20540;经常需要我们操作，className完成class的了映射，但操作class属性的&#20540;时却显得僵硬的很。怎么办，HTML5 新增API之classList能解决这个问题。
classList属性又是对className的一个改进，就像我们见到的arguments属性、childNode属性一样，可以理解为一个类数组对象。（仍然待考哈）
classList带来了一些操作方法和属性：add(
), remove( ),toggle( ),contains( )等及length。
可以用a.classList或者a[&classList&]办法访问，a.getAttribute(&classList&)仍然存在浏览器兼容问题。
2、对于href属性，style属性、hidden属性，getAttribute(&xxx&)访问和.号、[
]号访问的结果为啥有区别呢？
//在ff上的访问结果：var a = document.getElementsByTagName(&#39;a&#39;)[0];
console.log(&1 &+a.href);
//&1 file:///C:/Users/Administrator/Desktop/&
console.log(&2 &+a[&href&]);
//&2 file:///C:/Users/Administrator/Desktop/&
console.log(&3 &+a.getAttribute(&href&));
console.log(&4 &+a.style);
//&4 [object CSS2Properties]&
console.log(&5 &+a[&style&]);
//&5 [object CSS2Properties]&
console.log(&6 &+a.getAttribute(&style&));
//&6 display:&
为啥不同结果呢？
这里肯定存在浏览器解析的问题，但究竟如何还的后续深究下，如有高手路过，切望不吝赐教啊~
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：2059次
排名：千里之外

我要回帖

更多关于 jquery是否含有class 的文章

 

随机推荐