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

jQuery 绑定<li>并实现单击事件,第1张

实现的方法如下:

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

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

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

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

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

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

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

输入$('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标签点击事件传参时单双引号出错,修改之后再次预览。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11784846.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存