从品牌网站建设到网络营销策划,从策略到执行的一站式服务
lillll/li
成都创新互联公司是一家专注于网站制作、做网站与策划设计,化州网站建设哪家好?成都创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:化州等地区。化州做网站价格咨询:13518219792
li2222/li
li3333/li
script
$('li').on("click", function () {
alert($(this).text() + ' li被点击了');
});
/script
输入$('ul li').click(function(){// TODO});
利用jQuery动态获取点击事件:
打开HBuilder开发工具,创建Web项目,并在web项目指定目录下新建静态页面,引入核心js,
插入可以操作的DOM元素,在body/body插入div和ul元素,并给ul属性id,
在ul下方插入一个按钮button,设置id和class属性,引入样式文件,
在jquery初始化函数内编写按钮点击事件,动态向ul中插入li元素,并在li元素插入a标签,a标签有点击事件,
编写完毕后,预览该静态页面,点击“添加”按钮,发现报错,
检查js代码,发现a标签点击事件传参时单双引号出错,修改之后再次预览。
1、新建HTML文件。
2、引入jquery.min.js文件。
3、创建HTML内容。
4、预览效果如图。
5、用jquery创建点击事件,点击隐藏按钮,p内容隐藏。
6、用jquery创建点击事件,点击显示按钮,p内容显示。
7、预览如图当点击隐藏按钮,p内容隐藏。
实现的方法如下:
1、第一步,创建一个新的html文件,见下图,转到下面的步骤。
2、第二步,执行完上面的操作之后,创建输入框和按钮,见下图,转到下面的步骤。
3、第三步,执行完上面的操作之后,预览效果见下图,转到下面的步骤。
4、第四步,执行完上面的操作之后,需要引入jquery.js,见下图,转到下面的步骤。
5、第五步,执行完上面的操作之后,设置输入框的keydown事件与click事件,见下图,转到下面的步骤。
6、第六步,执行完上面的操作之后,按钮单击触发事件,见下图,转到下面的步骤。
7、第七步,执行完上面的操作之后,单击按钮,效果见下图。这样,就解决了这个问题了。
这个太简单了,属于JS的冒泡机制。
$("#我是子li").click(function(e){ // 注意,括号里必须有个自定义的变量,可以是e或者其他
e.stopPropagation(); // 阻止冒泡
。。。// 你自己的代码(略)
});
可能你第二次点击的不是li元素,而是li元素中的a标签,
无论点击li还是a,都是会触发你写的那个click事件的
你写的方法明显是必须点击li才可以,点击a就会报错了
正常a标签点击就是会跳转页面的,为什么还要写事件去支持出发它
如果你非要你那么写,click事件里面要首先判断 点击触发的是什么元素,
通过 event.target||event.srcElement获取,判断如果是li执行你上面写的代码,如果是a,你就重新写下逻辑。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图