jquery css选择器
发布网友
发布时间:2022-05-16 07:05
我来回答
共3个回答
懂视网
时间:2022-05-16 11:27
.addClass()
为每个匹配的元素添加指定的样式类名
.addClass(className)
className 为每个匹配元素所有增加的一个或多个样式名
.addClass(function(index,currentClass))
函数返回一个或者多个用空格隔开, index 表示参数匹配中的索引位置 this 指向匹配元素集合中的当前元素。
$("p").addClass("myClass yourClass"); 给p 这个元素添加这两个类名样式。
$("ul li:last").addClass(function(index){
return "item-"+index;
}) 在最后一个<li> 元素上加上“item-1”样式。
.CSS()
获取匹配元素集合中的第一个元素的样式属性计算值或设置每一个匹配元素的一个或多个
css属性。
.css(PRopertyName)
propertyName 一个css 属性名 。 一个或者多个css 属性组成的数组。
$(this).css("background-color"); 获取当前元素的背景颜色。
$(this).css(["width","height",color]) 获取当前元素的 宽 高 字体颜色。
.css(propertyName,value)
propertyName 一个css 属性名。
value 设置这个css 的属性值。
.css(propertyName,function)
propertyName 一个css 属性名。
function 一个用来返回设置值的函数。this,是当前元素。
$('div.example').css('width',function(index){
return index*50;
}) 设置一个匹配元素的宽度增加到较大的值。
$("p").mouSEOver(function(){
$(this).css("color","red");
}) 当鼠标经过p 元素时文字变成红色。
$("#box").one("click",function(){
$(this).css("width","+=200")
}) 增加#box 的宽度为200像素。
.hasClass()
确定任何一个匹配的元素是否有被分配给定的(样式类)
.hasClass(className)
className 要查询的样式名。
$("#mydiv").hasClass("foo") 匹配的元素是否含有 foo这个样式
如果有这个样式那么就返回true 如果没有那么就返回false
.removeClass()
移除匹配的元素上面的样式。
.removeClass([className])
每个匹配元素移除的一个或者多个用空格隔开的样式名。
$("p").removeClass("myClass yourClass")
.removeClass(function(index,class))
一个函数,返回一个或多个要移除的元素,index 所有匹配的元素集合中的当前的元素。
.toggleClass()
在匹配的元素集合中的每个元素上切换样式名
.toggleClass(className)
className 在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名。
.toggleClass(className,switch)
switch 一个布尔值,用于判断样式是否应该被添加或移除。
.toggleClass([switch])
switch 一个用来判断样式类天添加还是移除的布尔值。
$('#foo').toggleClass(className,add0rRemove) 就等同于
if(add0rRemove){
$('#foo').addClass(className);
}else{
$('#foo').removeClass(className)
}
$("p").click(function(){
$(this).toggleClass("highlight");
//点击当前的p 标签的时候切换样式。
})
热心网友
时间:2022-05-16 08:35
你这样的不行的。你这样写就是选择的a的同级元素除h3了
$('.a').children().not('h3').html()
这个选择器应该可以。
追问children()就是获取 h3,然后排除h3 就肯定是undefined
。 我是要排除h3 后显示 bbb ccc 内容
热心网友
时间:2022-05-16 09:53
$(".a").children().not("h3");
追问undefined
追答
两种解决方式:
1,给bbb,ccc加一个标签包起来<p>bbb,cccc</p>
$(".a :not('h3')").html();
2,自己写一个方法过滤
$(".a").html().replace(/<h3>.*<\/h3>/ig,"")
3,
$(".a h3").get(0).nextSibling
jquery的选择器有哪些
id 、element 、.class 、* 、selector1,selector2,selectorN 2、层次选择器:ancestor descendant 、parent > child 、prev + next 、prev ~ siblings 3、基本过滤器选择器 :first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、:animated 4、内容过滤器选择器 :contains...
jq选择器多标签选中原理(jquery多个选择器组合使用语法)
jQuery中的标签选择器是匹配所有元素,如$("a"),匹配所有的a元素,如果要获取给a一个click事件……a标签毕竟需要jq来查找,至少要有一个父级类的id或者class才能查找到子级的a标签,至于哪一个,就eq(index)就可以,绑定的话,类似$(".testa").eq(index).click(function(){});不知道解决没解...
jquery选择器包括哪几大类
其实基本用法同css选择器,即通用选择器(*)、标签选择器(p,dl,header等)、类选择器(.className)、ID选择器(#IDName)、后代选择器(“ ”)、子选择器(>)、属性选择器([attribute],[attribute=value],[attribute!=value],[attribute$=value])、伪类选择器、群组选择器。而且有些低版本...
JQuery里面的几种选择器
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css...
jquery选择器
"#" 的元素。("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。jQuery CSS 选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。("p").css("background-color","red");打字不易,如满意,望采纳。
Jquery有哪些选择器?
其实jQuery选择器就只有一种$()函数或jQuery()函数,$只是jQuery的缩写。$("")的引号中,以点开头,说明是选择Class。以井号开始,说明是选择ID,直接写入标签,则证明是选择指定的元素。最主要就是筛选器。比如:我有个需求,在表格中每隔一行设置一个背景色。怎么办?就可以这样$("tr:odd").css(...
jquery如何同时使用 2个选择器,比如说我要获取第一个和最后一个_百度知...
用逗号隔开,比如$("p:first,p:last").text("a");就是将第一个p和最后一个p的文本设置为a~~
什么是jquery选择器
jQuery选择器是jQuery库中非常重要的部分之一。它支持网页开发者所熟知的CSS语法快速轻松地对页面进行设置。了解jQuery选择器是打开高效开发jQuery之门的钥匙。一个典型的jQuery选择器句法形式:(selector).methodName();selector是一个字符串表达示,用于识别DOM中的元素,然后使用jQuery提供的方法集合加以设置...
jquery 选择器 怎样获取class='aaa'的DIV元素
获取父级元素id为aaa的div元素:$("#aaa>div.aaaaaa")获取父级元素id为bbb自身类为aaaaaa的元素:$("#bbb>.aaaaaa")jQuery 元素选择器:jQuery 使用 CSS 选择器来选取 HTML 元素。("p") :选取 元素。("p.intro") :选取所有 class="intro" 的 元素。("p#demo") :选取所有 id=...
queryselectorall是jquery的选择器吗
e.message);} console.log(e1 && e1[0].className);console.log(e2 && e2[0].className);(CSS 选择器中的元素名,类和 ID 均不能以数字为开头。)4. 返回值 大部分人都知道,querySelectorAll 返回的是一个 Static Node List,而 getElementsBy 系列的返回的是一个 Live Node List。