十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
可以试试我这个,因为jQuery选择器的原因,所以一定要指定父级,否则会执行多次。
为门源等地区用户提供了全套网页设计制作服务,及门源网站建设行业解决方案。主营业务为成都网站建设、网站制作、门源网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
div id="parent"a id="a1" href="javascript:void(0);"点我/aa id="a2" href="javascript:void(0);"点我吧/ainput id="b1" type="button" value="还是点我"/inputinput id="b2" type="button" value="那点你吧"/input/div$("#parent *").click(function(e){if(e.target == $("#a1")[0]){alert("你点了链接一!");}else if(e.target == $("#a2")[0]){alert("你点了链接二!");}else if(e.target == $("#b1")[0]){alert("你点了按钮一!");}else if(e.target == $("#b2")[0]){alert("你点了按钮二!");}});
怎么使用jquery判断一个元素是否含有一个指定的类(class)
在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下:
hasClass(‘classname’)
is(‘.classname’)
以下是一个div元素是否包含一个redColor的例子:
1. 使用is(‘.classname’)的方法
$('div').is('.redColor')
2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))
$('div').hasClass('redColor')
以下是检测一个元素是否含有一个redColor类的例子,含有时,则把其类变为blueColor。
html
head
styletype="text/css"
.redColor {
background:red;
}
.blueColor {
background:blue;
}
/style
scripttype="text/javascript"src="jquery-1.3.2.min.js"/script
/head
body
h1jQuery check if an element has a certain class/h1
divclass="redColor"This is a div tag with class name of "redColor"/div
p
buttonid="isTest"is('.redColor')/button
buttonid="hasClassTest"hasClass('.redColor')/button
buttonid="reset"reset/button
/p
scripttype="text/javascript"
$("#isTest").click(function () {
if($('div').is('.redColor')){
$('div').addClass('blueColor');
}
});
$("#hasClassTest").click(function () {
if($('div').hasClass('redColor')){
$('div').addClass('blueColor');
}
});
$("#reset").click(function () {
location.reload();
});
/script
/body
/html
为这个元素绑定单击事件来侦听br$("元素id或者类名").click(functionbr{br//处理逻辑bralert("俺被单击了");br});
用jQuery去监听按钮是否被点击
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器