导航:首页 > 净水问答 > jquery内容过滤选择器

jquery内容过滤选择器

发布时间:2020-12-17 03:29:53

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样式


<style>*{padding:0;margin:0}ul,li{list-style:none;}.main{width:1050px;height:410px;margin:100pxauto;background-color:#000;}.mainli{float:left;}</style>

有没有很简单。


再下一步就是要引入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">&nbsp;+
<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
阅读全文

与jquery内容过滤选择器相关的资料

热点内容
广州中业水处理 浏览:173
静电式油烟净化器怎么样 浏览:208
暖瓶水垢清洗剂 浏览:423
沧州哪里有滤芯零售批发 浏览:975
蒸馏水会蒸发吗 浏览:946
半透膜参与渗透作用 浏览:403
工业废水登记 浏览:943
成品鱼缸改成下过滤 浏览:322
格力空调没有过滤网 浏览:984
汽车空气滤芯脏东西都去哪里了 浏览:191
工业超滤设备图片 浏览:259
清除水垢化学方法 浏览:588
树脂材料的拉杆箱耐用吗 浏览:610
饮水机一个桶为什么又有冷水有热水 浏览:172
铁锅怎么除水垢 浏览:44
如何关闭mac地址过滤功能 浏览:471
无软化树脂 浏览:852
废柴油滤芯怎么样 浏览:767
污水泵构造有哪些 浏览:903
陕西多功能除垢剂 浏览:630