十年网站开发经验+多家企业客户+靠谱的建站团队
量身定制+运营维护+专业推广+无忧售后，网站问题一站解决
$(function(){
$('div').hover(function(){
$(this).addClass('two');
},function(){
$(this).removeClass('two');
});
只哪个给哪个加，移除以后去掉
JQuery:
$("#submit").click(function(){
varsubmit=$("#one").val();
alert(submit);
if(submit=="")
{
returnfalse;//返回false，a标签就会终止动作，不跳转
}else{
returntrue;//返回true，a标签继续执行后续操作，跳转
}
原生：
functiontestVal(){
varsubmit=document.getElementById("one").value;
if(submit){
returnfalse;
returntrue;
这样就可以
styletype="text/css"
div{
width:200px;
height:200px;
background:#EEE;
#two{
position:absolute;
left:100px;
top:50px;
background:#F60;
/style
divid="one"One/div
divid="two"Two/div
divid="three"Three/div
script
console.log(isOverlap("one","two"));//true
console.log(isOverlap("one","three"));//false
console.log(isOverlap("two","three"));//true
functionisOverlap(idOne,idTwo){
varobjOne=$("#"+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();
varleftTop=leftTwoleftOneleftTwoleftOne+widthOne
topTwotopOnetopTwotopOne+heightOne,
rightTop=leftTwo+widthTwoleftOneleftTwo+widthTwoleftOne+widthOne
leftBottom=leftTwoleftOneleftTwoleftOne+widthOne
topTwo+heightTwotopOnetopTwo+heightTwotopOne+heightOne,
rightBottom=leftTwo+widthTwoleftOneleftTwo+widthTwoleftOne+widthOne
topTwo+heightTwotopOnetopTwo+heightTwotopOne+heightOne;
returnleftTop||rightTop||leftBottom||rightBottom;
/script
//原理很简单，就是判断一个元素的四个点是否在另一个元素内部。
要执行需要引入jquery库
首先使用jquery选择器获取到想要绑定click事件的img元素，然后可以直接绑定click方法，也可以通过bind方法绑定。这里详细介绍一下bind方法。brbrjquery事件-bind()方法——定义和用法brbind()方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。brbrjquery事件-bind()方法——将事件和函数绑定到元素br规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。brbrjquery事件-bind()方法——语法br$(selector).bind(event,data,function)brbrjquery事件-bind()方法——参数描述brevent必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。brdatabr可选。规定传递到函数的额外数据。brfunctionbr必需。规定当事件发生时运行的函数。brbr实例：br//直接给所有img标签绑定click事件br$("img").click(function(){bralert('你点击了图片');br})brbr//使用bind方法绑定click事件br$("img").bind("click",function(){bralert('你点击了图片');br})brbr拓展：jquery给元素绑定事件的方法还有one、live、toggle、on(新增)等方法，详细可参考jquery官方文档。
jQuery层次选择器
$("divspan")选取div里的所有span元素
$("divspan")选取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")