怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 340 JQUERY DREAMWEAVER
jquery 怎么设置隐藏呢?有些小伙伴可能不太清楚,那么这里我来跟大家分享一下我的经验 。
第一步,要实现jquery隐藏div很简单,但需要注意的是,在点击显示的事件中,需要做阻止事件冒泡的处理,否则就触发页面的点击事件了。耍雁
第二步,但这样做也有一个缺点,即如果同一个页面中如果也有事件阻止冒泡,则不能隐藏DIV,所以在这样的事件中需要特殊处理下:自己调用隐藏下DIV。
第三步,JS代码:$(document).ready(function() {//语裁捧言头部的昆娃蕉点击事件,显示语言列表$(".language_selected").click(function(e) {$(".language_list").toggle();e.stopPropagation(); //阻止事件冒泡,否则事件会冒泡到下面的文档点击事件});
第四步,//点击文档时,隐藏语言列表$(document).click(function() {$(".language_list").hide();});
第五步,//点击语言列表中的语言项时,更新选中项,并隐藏语言列表$(".language_list li").click(function() {$(".language_selected").text($(this).text());$(".language_list").hide();});
$("#noPopEvent").click(function(e) {e.stopPropagation();});});
第六步,CSS代码:.language_selected{cursor: pointer;}.language_list{border: 1px solid black;display: none;}.language_list li{cursor: pointer;border: 1px solid red;} HTML
第七步,以上就是jquery 设置隐藏的方法,希望会对大家有所帮助。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JQUERY
相关文章
怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 340 JQUERY DREAMWEAVER
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大,使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是,可以做一个网站,基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY