jquery怎么获取div下的img对象

在jquery中, 可以使用$符号, 通过指定的div的id和元素名称获得img图片对象 。 下面小编以获得img对象, 并取得它的图片地址为例, 讲解jquery怎么获取div下的img对象 。

jquery怎么获取div下的img对象

文章插图


需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件, 定名为test.html, 用于讲解js怎么获取div下的img对象 。
jquery怎么获取div下的img对象

文章插图

2在test.html文件内, 在div标签内, 利用img标签建立一张图片 。
jquery怎么获取div下的img对象

文章插图

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

文章插图

4在test.html文件内, 建立一个button按钮, 给button绑定onclick点击事务, 当按钮被点击时, 执行getImg()函数 。
jquery怎么获取div下的img对象

文章插图

5在js标签内, 建立getImg()函数, 在函数内, 经由过程$符号, 利用div的id和img元素名称获得图片对象, 再利用attr()方式获得图片的地址 。
jquery怎么获取div下的img对象

文章插图

6在浏览器打开test.html文件, 点击按钮, 查看实现的结果 。
jquery怎么获取div下的img对象

文章插图

总结:1【jquery怎么获取div下的img对象】1、给指定的div设置id属性 。
2、利用$符号, 经由过程指定的div的id和元素名称获得img图片对象 。

注重事项除了上面的方式外, 还可以给img界说一个id或class属性, 直接获得img对象 。

以上内容就是jquery怎么获取div下的img对象的内容啦, 希望对你有所帮助哦!

    推荐阅读