A. jquery选中元素使用哪些选择器
JQuery 选择器
在 HTML DOM 术语中:选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。
jQuery 元素选专择器
jQuery 使用属 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
jQuery 参考手册 - 选择器
B. jQuery过滤选择器怎么制作图片突出效果
我们经常在一些网站上看到图片突出效果,即若干个图片摆放在一起,当鼠标放到某一张图片上时,以其他图片变暗的方式突显这张图。大致效果如下:
首先布局HTML:
<divclass="main"><ul><li><imgsrc="images/1.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/6.png"width="350px"height="200px"alt=""></li><li><imgsrc="images/3.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/4.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/5.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/2.jpg"width="350px"height="200px"alt=""></li></ul></div>
接下来简单调整一下css样式
有没有很简单。
再下一步就是要引入jq和编写jq代码来实现效果了
<scriptsrc="images/jquery-1.12.4.js"></script><script>$(function(){$(".main>ul>li").mouseenter(function(){$(this).css("opacity","1").siblings().css("opacity","0.3");$(".main").mouseleave(function(){$(this).find("li").css("opacity",1);})})});</script>
就是这么简单,有没有很意外?主要熟悉使用siblings()和find()两个过滤选择器来实现效果,至于作者的布局好不好看,图片搭配美不美的问题就不要深究了。
C. JQuery基础使用,请大家帮我用JQuery过滤选择器实现一个简单的加法计算功能,谢谢了。实在不懂jQuery。
<!DOCTYPEhtml>
<html>
<headlang="en">
<metacharset="UTF-8">
<title>jQuery加法器</title>
<style>
*{
margin:0px;
padding:0px;
}
body{
font-family:cursive;
}
.div1{
text-align:center;
font-size:25px;
}
input{
font-size:20px;
}
.button{
width:50px;
}
</style>
<scriptsrc="js/jquery-1.4.4.min.js"type="text/javascript"charset="utf-8"></script>
<script>
$(document).ready(function(){
$("#button_equal").click(function(){
varnum1=parseFloat($("#num1").val());
varnum2=parseFloat($("#num2").val());
$("#answer").val(""+(num1+num2));
})
})
</script>
</head>
<divclass="div1">jQuery加法器</div>
<br>
<divclass="div1">
<inputtype="text"name="num1"id="num1"> +
<inputtype="text"name="num2"id="num2">
<inputtype="button"id="button_equal"class="button"value="=">
<inputtype="text"name="answer"id="answer">
</div>
<body>
</body>
</html>
用ID选择器就可以了,望采纳。
D. jquery中的选择器和过滤器的区别
基本过滤选择器
a) “:first”,选取第一个元素,别忘记它也是被放在一个集合里哦!因为JQuery它是DOM对象的一个集合。如,“$("tr:first")”返回所有tr元素的第一个tr元素,它仍然被保存在集合中。
b) “:last”,选取最后一个元素。如,“$("tr:last")”返回所有tr元素的最后一个tr元素,它仍然被保存在集合中。
c) “:not(selector)”,去除所有与给定选择器匹配的元素。如,“$("input:not(:checked)")”返回所有input元素,但去除被选中的元素(单选框、多选框)。
d) “:even”,选取所有元素中偶数的元素。因为JQuery对象是一个集合,这里的偶数指的就是集合的索引,索引从0开始。
e) “:odd”,选取所有元素中奇数的元素,索引从0开始。
f) “:eq(index)”,选取指定索引的元素,索引从0开始。
g) “:gt(index)”,选取索引大于指定index的元素,索引从0开始。
h) “:lt(index)”,选取索引小于指定index的元素,索引从0开始。
i) “:header”,选取所有的标题元素,如hq、h2等。
j) “:animated”,选取当前正在执行的所有动画元素。
E. 如何把变量传入jQuery的属性过滤选择器
vararr=["idName","idAddress",...];
//要拼接成字符串形式
varselect="[id^="+arr[i]+"]";
$(select)
F. jquery过滤选择器有哪些
(抄1)Jquery中简单过滤选择器袭
jquery根据某一类过滤规则进行元素匹配,书写时以:开头,是Jquery中应用最为广泛的选择器
(2)简单过滤选择器的基本语法
①first()或者:first 获取第一个元素
②last()或者:last 获取最后一个元素
③:not(selector)获取除开给定选择器的其他元素
④:even获取索引为偶数的元素,索引从0开始
⑤:odd获取索引为奇数的元素,索引从0开始
⑥:eq(index)获取制定索引元素,从0开始
⑦:gt(index)获取大于给定索引的元素,从0开始
⑧:lt(index)获取小于给定索引的元素,从0开始
⑨:header获取标题类型元素
⑩:animated获取正在执行动画效果的元素
G. jquery的选择器有哪几种类型
很多种,大概归纳为9种。
(1)基本
#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
:empty
:has
:parent
(5)可见性过滤器选择器
:hidden
:visible
(6)属性过滤器选择器
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[attrSel1][attrSel2][attrSelN]
(7)子元素过滤器选择器
:nth-child
:first-child
:last-child
:only-child
(8)表单选择器
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
(9)表单过滤器选择器
:enabled
:disabled
:checked
:selected
H. jquery子元素过滤选择器
亲,你好,很高兴为你回答 我给你个比较通俗的方法 希望可以帮到你
var item1 = $('.can > input').eq(1).val();
var item2 = $('.can > input').eq(2).val();
alert(item1);
alert(item2);
有问题继续追问我呦,如果没有 记得即使采纳呦
I. jquery中什么是过滤选择器
可以来参源考这个。。
http://www.cnblogs.com/yakun/p/3830677.html