jquery的live方法什么时候用,怎么用

html+jquery
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件, 定名为test.html, 用于讲解jquery的live方式什么时辰用, 怎么用 。

jquery的live方法什么时候用,怎么用

文章插图

2在test.html文件内, 利用div标签建立一个模块, 并设置div的id为mydiv, 本家儿要用于下面经由过程该id获得div对象 。

jquery的live方法什么时候用,怎么用

文章插图

3为了展示较着的结果, 在css标签内, 利用css设置div的样式, 界说div的宽度、高度为100px, 边框为1px灰色实现边框 。

jquery的live方法什么时候用,怎么用

文章插图

4在test.html文件内, 利用button标签建立一个按钮, 按钮名称为“设置div的布景颜色” 。

jquery的live方法什么时候用,怎么用

文章插图

5在js标签内, 经由过程元素名称(button)获得button对象, 利用live()方式给button元素添加click点击事务, 当按钮被点击时, 执行function函数 。

jquery的live方法什么时候用,怎么用

文章插图

6在function函数内, 经由过程id(mydiv)获得div对象, 利用css()方式设置div的background属性值为red, 即布景颜色为红色 。

jquery的live方法什么时候用,怎么用

文章插图

7【jquery的live方法什么时候用,怎么用】在浏览器打开test.html文件, 点击按钮, 查看实现的结果 。

jquery的live方法什么时候用,怎么用

文章插图

jquery的live方法什么时候用,怎么用

文章插图


以上内容就是jquery的live方法什么时候用, 怎么用的内容啦, 希望对你有所帮助哦!

    推荐阅读