同一块里面,当前选中元素以及其他元素
来源:互联网 发布:淘宝上金牛是什么意思 编辑:程序博客网 时间:2024/06/08 11:38
$(".font2 a").click(function(){
$(this).css("color","red");
$(".font2 a").not(this).mouseover(function(){
$(this).css("color","red");
}).mouseout(function(){
$(this).css("color","#057530");
});
$(".font2 a").not(this).css("color","#057530");
$(this).css("color","red");
$(".font2 a").not(this).mouseover(function(){
$(this).css("color","red");
}).mouseout(function(){
$(this).css("color","#057530");
});
$(".font2 a").not(this).css("color","#057530");
效果图如下图
主要是.not()的用法
http://www.w3school.com.cn/jquery/traversing_not.asp
这是在网上找的另一个有相同功能的jquery选择器
这是jQuery(':not(selector)')的用法
在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a)
<p >"a">sdfsdfs</p>
<p >"b">sdfsdfs</p>
<p >"c">sdfsdfs</p>
$("p:not(.a)").css({"color":"red"})
那么除了class等于a的p元素外,其他的P的文字颜色就变成了红色.
:not()伪类过滤选择器,这叫法真拗口,jQuery的:not()方法是jQuery的伪类选择器,可以过滤不需要的元素,筛选出正确的结果,简单的说我们有如下代码:
$("selector1:not(selector2)")
我们分析下上面的代码,我们要获取selector1的元素,但可能我不需要全部,怎么办,通过:not()方法来过滤,如果selector1的集合中有#1,#2,#3,#4
我们的selector2就是要过滤掉#4,上面的代码我们最终将获得#1,#2,#3
再举几个列子
$(‘li:not(:only-child)’)//匹配所有的li,除了只有一个子元素的
$(‘li:not(:first-child)’);//匹配除了在他父元素中是第一个子元素的LI
$("li :not(:first)").hide();//隐藏除了第一个LI外的所有LI 0 0
- 同一块里面,当前选中元素以及其他元素
- 根据当前元素获取其他元素
- html行内元素里面不能放块元素
- 给当前选中的元素样式
- 191 除掉当前元素,其他所有元素的积
- sql语句分组,显示同一分组中的其他元素
- 块元素
- 块元素
- 块元素、内联元素
- 初识CSS以及块级元素、行内元素
- 块级元素以及行内元素居中显示
- HTML的块级元素以及内联元素
- 关于CSS中的块级元素以及行级元素
- 块级元素和行内元素以及display:block
- css块元素和行内元素以及属性详解
- HTML5中行内元素和块级元素以及区别
- span元素与块级元素(div、p)位于同一行时的垂直居中问题
- 【html基础】p标签里面不能嵌套块级元素
- 10种不良心理,我们都难以抗拒?
- 软件测试工程师的职能和技能要求
- struts2 返回json数据
- IDEA链接数据库启动报错Cannot load JDBC driver class 'com.microsoft.sqlserver.jdbc.SQLServerDriver'
- 为什么说数据分析只是辅助决策的工具而非绝对依据
- 同一块里面,当前选中元素以及其他元素
- 有用的resources about ubuntu kernel
- leetcode_题解_path sum 2
- leetcode Largest Rectangle in Histogram
- 如何获取shell函数的返回值及shell命令的返回值?
- Codeforces Round #273 (Div. 2) —— C
- SIGCHLD信号与SIG_IGN处理的使用
- 5个强大的Java分布式缓存框架推荐
- 使用ArcSDE SQL操作怎么获得新对象的objectid、GUID