如何在jquery中找到一个div中的img属性

html+jquery

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解若何在jquery中找到一个div中的img属性。

    d1a20cf431adcbef29fa4e60a3af2edda2cc9f8d.jpg
  2. 2

    在test.html文件内,引入jquery.min.js库文件,当作功加载该文件,才能利用jquery中的方式。

    caef76094b36acaf4c2ea69a73d98d1000e99c8d.jpg
  3. 3

    在test.html文件内,利用div标签建立一个模块,在div内,利用img标签建立一张图片。

    562c11dfa9ec8a1376126486f803918fa0ecc04f.jpg
  4. 4

    在test.html文件内,设置div的id为mydiv,本家儿要用于下面经由过程该id获得div对象。

    622762d0f703918fb9d90eac5e3d269759eec44f.jpg
  5. 5

    在test.html文件内,利用button标签建立一个按钮,给button按钮绑心猿意马onclick点击事务,当按钮被点击时,执行getimg()函数。

    9213b07eca8065385ffa977598dda144ad348247.jpg
  6. 6

    在js标签中,建立getimg()函数,在函数内,经由过程div的id(mydiv)属性获得它下面的img元素对象,利用attr()方式获得src属性,最后,利用alert()方式将获得的属性输出。

    96dda144ad345982eb82d6f403f431adcbef844f.jpg
  7. 7

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

    8644ebf81a4c510fe175d17c6f59252dd42aa526.jpg
  • 发表于 2019-12-11 17:00
  • 阅读 ( 727 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

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