十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
$(function(){
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名、网页空间、营销软件、网站建设、义县网站维护、网站推广。
$('div').hover(function(){
$(this).addClass('two');
},function(){
$(this).removeClass('two');
});
});
只哪个给哪个加,移除以后去掉
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;
}
}
这样就可以
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库
首先使用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官方文档。
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")
不积跬步,无以至千里!