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

html+jquery

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery的live方式什么时辰用,怎么用。

    b21c8701a18b87d6b2feef78080828381f30fd1d.jpg
  2. 2

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

    63d0f703918fa0eca77b206a299759ee3d6ddb1d.jpg
  3. 3

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

    cefc1e178a82b901c90887547c8da9773912ef34.jpg
  4. 4

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

    d043ad4bd11373f0ec482bf8ab0f4bfbfbed0465.jpg
  5. 5

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

    c83d70cf3bc79f3db910a057b5a1cd11738b29e7.jpg
  6. 6

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

    d6ca7bcb0a46f21f7a911a34f9246b600c33ae34.jpg
  7. 7

    在浏览器打开test.html文件,点击按钮,查看实现的结果。

    37d12f2eb9389b504b0ea4358a35e5dde6116ee7.jpg 42166d224f4a20a4fcbb78a09f529822720ed034.jpg
  • 发表于 2019-12-15 17:00
  • 阅读 ( 726 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具