【Jquery】jquery怎样控制a标签的字体颜色？？

Posted 2023-05-05

我想把字体颜色改成白色，当鼠标over时字体颜色变成背景色，而标签背景色变成白色，现在是标签背景色成功改变，但是字体颜色却无法改变，感觉用color:'red'就没用啊，这是怎么回事？a标签是包含在li中的

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用textarea标签创建一个文本域，用于测试。

3、在test.html文件内，设置textarea标签的id为mycc。

4、在test.html文件内，创建一个按钮，给按钮绑定onclick事件，当按钮被点击时，执行editColor函数。

5、在js标签内，创建editColor函数，通过id获得textarea对象，使用css()方法设置color属性为red，即设置textarea字体颜色为红色。

6、在浏览器打开test.html文件，点击按钮，查看实现的效果。

参考技术A 应该是你在css中定义了a标签的默认颜色 给li的color设置的值被a默认值覆盖了 （a标签颜色的优先级较高）函数里面应该这样写
$(this).css.("background","#f2f2f2").children("a").css("color","#f4816c"); 参考技术B 直接用:hover实现就行了，，这点东西都用JQ，真心多此一举。
<style>
li adisplay:block;color:#fff;
li a:hoverbackground:#fff;color:000;
</style> 参考技术C $("#info").text(str).css("color", "green"); 参考技术D 因为你的对象this

是li标签，而没有指向到a标签里面去。

学习，是指通过阅读、听讲、思考、研究、实践等途径获得知识和技能的过程。学习分为狭义与广义两种:

狭义:通过阅读、听讲、研究、观察、理解、探索、实验、实践等手段获得知识或技能的过程，是一种使个体可以得到持续变化(知识和技能，方法与过程，情感与价值的改善和升华)的行为方式。例如通过学校教育获得知识的过程。

广义:是人在生活过程中，通过获得经验而产生的行为或行为潜能的相对持久为方式。

社会上总会出现一种很奇怪的现象，一些人嘴上埋怨着老板对他不好，工资待遇太低什么的，却忽略了自己本身就是懒懒散散，毫无价值。

自古以来，人们就会说着“因果循环”，这话真不假，你种什么因，就会得到什么果。这就是不好好学习酿成的后果，那么学习有什么重要性呢？

物以类聚人以群分，什么样水平的人，就会处在什么样的环境中。更会渐渐明白自己是什么样的能力。了解自己的能力，交到同水平的朋友，自己个人能力越高，自然朋友质量也越高。

在大多数情况下，学习越好，自身修养也会随着其提升。同样都是有钱人，暴发户摆弄钱财只会让人觉得俗，而真正有知识的人，气质就会很不一样。

高端大气的公司以及产品是万万离不了知识的，只有在知识上不输给别人，才可以在别的地方不输别人。

孩子的教育要从小抓起，家长什么样孩子很大几率会变成什么样。只有将自己的水平提升，才会教育出更好的孩子。而不是一个目光短浅的人。

因为有文化的父母会给孩子带去更多的在成长方面的的帮助，而如果孩子有一个有文化的父母，通常会在未来的道路上，生活得更好，更顺畅。

学习是非常的重要，学习的好坏最终决定朋友的质量、自身修养和后代教育等方面，所以平时在学习中要努力。

JQuery 选择某个td中第二个a标签 控制特殊样式

a标签没有disabled属性，那么当我们想禁用a标签的点击事件的时候按照下面方法设置。

下面是html代码：

<a id="entry”  class="entry">进入</a>

js代码如下：

$（“#entry”）.attr("disabled",true);
$("#entry").css("pointer-events","none");

这样就可以将a标签设成不可点击状态了。不过虽然是不可点击状态，当a标签任然是蓝色，所以要人为的给他添加上灰色字体。


下面讲讲 pointer-events 属性：

值为auto的时候：效果和没有定义pointer-events属性相同；鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。

值为none的时候：元素不在是鼠标事件的目标，鼠标不在监听当前层而去监听下面的层中的元素。但是如果他的子元素设置了

pointer-events为其他值，如auto，鼠标还是会监听这个子元素的。


总的来说，这个属性能让标签disabled；某个元素添加了onclick事件，能让onclick失效。

浏览器兼容性：

firefox 3.6+ chrom 2.0+ safari 4.0+支持这个css3属性，IE6/7/8/9不支持，11支持。

实例：

//最后一个td的第二个a标签，不可点击
$(this).find("td:last a").eq(‘1‘).attr("disabled",true);
$(this).find("td:last a").eq(‘1‘).css("pointer-events","none");
$(this).find("td:last a").eq(‘1‘).css("color","#ccc");