正文
包含jqueryone的词条
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery 有几个div使用了相同的类名one，要实现指哪个层，则给该层添加一个类two。怎么实现？
$(function(){
$('div').hover(function(){
$(this).addClass('two');
},function(){
$(this).removeClass('two');
});
});
只哪个给哪个加，移除以后去掉
相关问答
Q1: jquery验证非空
JQuery:
$("#submit").click(function(){
var submit=$("#one").val();
alert(submit);
if(submit=="")
{
return false; // 返回false，a标签就会终止动作，不跳转
}else{
return true; // 返回true ，a标签继续执行后续操作，跳转
}
原生：
html : a href="haha.html" onclick="testVal" id="submit"提交/a
function testVal(){
var submit = document.getElementById("one").value;
alert(submit);
if(submit){
return false;
}else{
return true;
}
}
这样就可以
Q2: 怎么用jQuery判断两个元素是否有重叠部分
style type="text/css"
div{
width:200px;
height:200px;
background:#EEE;
}
#two{
position:absolute;
left:100px;
top:50px;
background:#F60;
}
/style
div id="one"One/div
div id="two"Two/div
div id="three"Three/div
script
console.log(isOverlap("one","two"));//true
console.log(isOverlap("one","three"));//false
console.log(isOverlap("two","three"));//true
function isOverlap(idOne,idTwo){
var objOne=$("#"+idOne),
objTwo=$("#"+idTwo),
offsetOne = objOne.offset(),
offsetTwo = objTwo.offset(),
topOne=offsetOne.top,
topTwo=offsetTwo.top,
leftOne=offsetOne.left,
leftTwo=offsetTwo.left,
widthOne = objOne.width(),
widthTwo = objTwo.width(),
heightOne = objOne.height(),
heightTwo = objTwo.height();
var leftTop = leftTwo leftOne leftTwo leftOne+widthOne
topTwo topOne topTwo topOne+heightOne,
rightTop = leftTwo+widthTwo leftOne leftTwo+widthTwo leftOne+widthOne
topTwo topOne topTwo topOne+heightOne,
leftBottom = leftTwo leftOne leftTwo leftOne+widthOne
topTwo+heightTwo topOne topTwo+heightTwo topOne+heightOne,
rightBottom = leftTwo+widthTwo leftOne leftTwo+widthTwo leftOne+widthOne
topTwo+heightTwo topOne topTwo+heightTwo topOne+heightOne;
return leftTop || rightTop || leftBottom || rightBottom;
}
/script
//原理很简单，就是判断一个元素的四个点是否在另一个元素内部。
要执行需要引入jquery库
Q3: jquery怎么给img加点击事件
首先使用jquery选择器获取到想要绑定click事件的img元素，然后可以直接绑定click方法，也可以通过bind方法绑定。这里详细介绍一下bind方法。brbrjquery 事件 - bind() 方法 —— 定义和用法br bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。brbrjquery 事件 - bind() 方法 ——将事件和函数绑定到元素br 规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。brbrjquery 事件 - bind() 方法——语法br $(selector).bind(event,data,function)brbrjquery 事件 - bind() 方法——参数描述br event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。br data br可选。规定传递到函数的额外数据。br function br必需。规定当事件发生时运行的函数。brbr实例：br//直接给所有img标签绑定click事件br$("img").click(function(){br alert('你点击了图片');br})brbr//使用bind方法绑定click事件br$("img").bind("click",function(){br alert('你点击了图片');br})brbr拓展：jquery给元素绑定事件的方法还有one、live、toggle、on(新增)等方法，详细可参考jquery官方文档。
Q4: jquery的层级选择器有哪些
jQuery 层次选择器
$("div span") 选取div里的所有span元素
$("div span") 选取div元素下元素名是span的子元素
$("#one +div") 选取id为one的元素的下一个div同辈元素 等同于$(#one).next("div")
$("#one~div") 选取id为one的元素的元素后面的所有div同辈元素 等同于$(#one).nextAll("div")
$(#one).siblings("div") 获取id为one的元素的所有div同辈元素（不管前后）
$(#one).prev("div") 获取id为one的元素的前面紧邻的同辈div元素
所以 获取元素范围大小顺序依次为：
$(#one).siblings("div")$("#one~div")$("#one +div") 或是
$(#one).siblings("div")$(#one).nextAll("div")$(#one).next("div")
不积跬步,无以至千里!
