ul >li 表示取ul下的所有 标签是li的子节点，ul li 表示取ul下的所有li节点。 *** 作方法如下：
1、新建一个html文件，命名为test.html。
2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。
3、在test.html文件内，使用ul标签创建一个项目列表，在ul内，使用li创建三个项目，并且使用p标签创建一行文字。
4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“设置样式”。
5、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行setcss（）函数。
6、在js标签中，创建setcss()函数，在函数内，通过“ul>li”获得ul下面的li对象，使用css()方法设置它们的border-bottom属性为“3px solid red”，即li元素的下划线为3px的红实线 。
7、最后在浏览器打开test.html文件，点击按钮，查看实现的效果。
输入$('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标签点击事件传参时单双引号出错，修改之后再次预览。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）