jQuery 绑定<li>并实现单击事件

如题所述

实现的方法如下:

1、第一步,创建一个新的html文件,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,创建输入框和按钮,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,预览效果见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,需要引入jquery.js,见下图,转到下面的步骤。

5、第五步,执行完上面的操作之后,设置输入框的keydown事件与click事件,见下图,转到下面的步骤。

6、第六步,执行完上面的操作之后,按钮单击触发事件,见下图,转到下面的步骤。

7、第七步,执行完上面的操作之后,单击按钮,效果见下图。这样,就解决了这个问题了。

温馨提示:内容为网友见解,仅供参考
第1个回答  2012-09-01
$('li').live('click',function(){});
第2个回答  2012-09-04
$('li').click(function(){
alert('test');
});
第3个回答  推荐于2017-11-28
两种类型
1、$('li').bind('click',function(){}); 当你用js动态添加li的时候,你添加的li不具有你绑定的事件。这种写法与$('li').click(function(){})一样。
2、$('li').live('click',function(){}); 当你用js动态添加li的时候,你添加的li具有你绑定的事件本回答被提问者和网友采纳

jQuery 绑定<li>并实现单击事件
1、第一步,创建一个新的html文件,见下图,转到下面的步骤。2、第二步,执行完上面的操作之后,创建输入框和按钮,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,预览效果见下图,转到下面的步骤。4、第四步,执行完上面的操作之后,需要引入jquery.js,见下图,转到下面的步骤。5、第...

jQuery 绑定<li>并实现单击事件
1、第一步,创建一个新的html文件,见下图,转到下面的步骤。2、第二步,执行完上面的操作之后,创建输入框和按钮,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,预览效果见下图,转到下面的步骤。4、第四步,执行完上面的操作之后,需要引入jquery.js,见下图,转到下面的步骤。5、第...

jquery对动态加载的li添加click事件,事件无法触发
1、新建html文件。2、创建输入框和按钮。3、预览效果如图。4、接下来需要引入jquery.js。5、设置输入框 keydown 事件和click 事件。6、按钮点击触发事件。7、click按钮按下效果如图。

jquery如何循环添加事件,有10个li,分别点击出现不同的事件
("ul li").each(function(i){ \/\/i就是li的索引, 给不同的i绑定不同的事件即可。});

jQuery实现多个li点击切换和显示隐藏
function(){ $("#topnav li").each( $(this).bind("click",function(){ $(this).siblings().removeClass("click").children("span").css("display" ,"none"); $(this).addClass("click").children("span").css("display","block");...

jquery 中点击<li>里的文本使radio被选中,但是重复点击后事件不触发
你好!!('.ss').click(function(){ var $radio = $(this).find("input[type=radio]"), $flag = $radio.is(":checked"); if( !$flag ){ $radio.prop("checked",true); }});

...的ul隐藏当前li其它标签不变。如何用jquery来实现。
1、新建一个html文件,命名为test.html,在test.html文件内,使用ul标签、li标签创建一个列表,用于测试。2、在test.html文件内,给ul标签设置一个id属性,用于获得ul对象。3、在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行addBorder()函数。4、在js标签...

想问一下,这样的搜索框,如何让它上边的文字单击变蓝,输入关键字,单击搜 ...
首先引入一下jquery。然后通过jquery选择器绑定单击事件 给文献检索这一项加一个ID 比如 <li id="book">文献检索<\/li> ('#book').click(function(){ this.css('color','blue') \/\/点击变蓝 window.location = 'www.baidu.com'\/\/跳转到百度界面 });

jquery点击左侧任意一个li,右侧相应切换li的内容,怎么实现
function(){ $("#content").html("您点击的是"+$(this).html()); });});\/*以下代码适用于原生JavaScript*\/window.onload=function(){ var lis=document.getElementsByTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onclick=function()...

JQuery中关于事件委托trigger自动执行的问题
('#ul1').on("click","li",function()这个的意思,就是给#ul1里面的每个li绑定click事件,并把事件触发后的处理都委托给#ul1。表面上看事件是由#ul1绑定的,但实际触发事件的是里面的li,所以直接用trigger来触发#ul1的click事件是无效的!改成这样就有效:(function(){ $('#ul1').on...

相似回答