其实你要的这个效果很容易的,
创新互联建站是一家集网站建设,七里河企业网站建设,七里河品牌网站建设,网站定制,七里河网站建设报价,网络营销,网络优化,七里河网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
首先,我们可以给div绑定一个click点击事件,这个事件就是点击后提示按钮不可用,
然后我们再给ul中的li绑定一个点击事件,这个事件要做两个工作,一个是清除div原来绑定的click事件,第二个工作就是给他绑定新的click工作,弹出一个窗口;
$("div").on("click",function(){alert("不可用!");});
$("ul li").click(function(){
$("div").off("click");
$("div").on("click",function(){
window.open("","_blank");
})
})
可以试试我这个,因为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
为这5个按钮设置一个相同的class
input class="btn" id="btnA" .....
input class="btn" id="btnB" .....
input class="btn" id="btnC" .....
input class="btn" id="btnD" .....
input class="btn" id="btnE" .....
用JQuery去监听,当class为btn的按钮被点击时
$(".btn").click(function(){
// 下面这行代码就是你要的ID属性
$(this).attr("id");
});
如果按钮也是动态生成的,要通过live去绑定事件,写法如下
$(".btn").live("click",function(){
// 下面这行代码就是你要的ID属性
$(this).attr("id");
});
为这个元素绑定单击事件来侦听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兼容各种主流浏览器