1、新建一个html文件,命名为test.html,在test.html文件内,使用ul标签、li标签创建一个列表,用于测试。
2、在test.html文件内,给ul标签设置一个id属性,用于获得ul对象。
3、在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行addBorder()函数。
4、在js标签内,创建addBorder()函数,在函数内,通过获得li标签对象,使用css()方法设置li对象的边框属性,设置为1px宽,实线,灰色的边框。
5、在浏览器打开test.html文件,点击按钮,查看实现的效果。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的