jQuery中$('img')与$('<img/>')的区别

最新推荐文章于 2024-06-16 09:59:58 发布
最新推荐文章于 2024-06-16 09:59:58 发布
阅读量3.4k 收藏 7
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stationalz/article/details/52230220
版权

在JQuery的工厂函数当中存在这get与set的方法，一般get、set的方法是在一起的，JQuery在内部判读他们各自的情况，一般来说：

$("img")为一个get的方法，是读取标签为"img"元素的属性及设置相应的属性；

$("<img/>")为一个set的方法，是建立一个新的标签元素"img"并赋予相应标签相应的属性

stationalz
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python 批量读取多个文件夹下的图片
爱犬小仙猪的博客
06-04 4273
对不同文件夹下的特定图片进行处理 import cv2 import os path = "F:\pycharm project\de\su" # path必须是英文 for filename in os.listdir(path): file_path = os.path.join(path, filename) for imagename in os.listdir(file_path): if imagename == 'fusion.png':
jquery img src 获取实现代码
01-19
请“运行代码”后刷新一次。 jquery img src怎么取 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
$("img").each(function(i){
04-15
$("img").each(function(i){ this.src = "test" + i + ".jpg"; });$("img").each(function(i){ this.src = "test" + i + ".jpg"; });
HTML中的＜img＞标签使用指南
最新发布
一起coding，一起嗨。
06-16 577
HTML中的标签使用指南
<img>
FengziTianYu的专栏
03-31 618
1.&lt;img src=“url” 属性=”值” /&gt;加载图片（动态图语法一样） ps:&lt;img/&gt;标签为空值标签，直接末尾加结束符/ 2.其实&lt;img/&gt;标签中src中的url有两种选择写法。 a.相对路径：也就是说加载的图片就是在本网页（服务器）内的图片，相当于从文件夹下加载。所以可以写成如下形式：&lt;img src="/i/ct_netscape.jpg...
jQuery之属性
二木成林
02-08 853
目录 属性参考表格 属性 attr(name|properties|key,value|fn) 描述 语法 示例 removeAttr(name) 描述 语法 示例 prop(name|properties|key,value|fn) 描述 语法 示例 removeProp(name) 描述 语法 示例 CSS类 addClass(class|fn) 描述...
HTML中 ＜img＞标签的用法
qq_67413159的博客
03-12 1万+
HTML中<img> 标签的用法
jquery获取img的src值实例介绍
10-17
在本篇文章里小编给大家分享了关于jquery获取img的src值实例介绍和相关内容，有需要的朋友们学习下。
jQuery 选择方法及$(this)用法实例分析
10-15
- `$('li').find('strong').css('color', 'red')` 在每个`<li>`元素中查找`<strong>`元素并设置颜色。 - `$('li').next().css('color', 'red')` 获取当前`<li>`元素的下一个兄弟元素并设置颜色。 - `$('li')....
jquery获取img的src值的简单实例
10-22
下面小编就为大家带来一篇jquery获取img的src值的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
<jQuery>首页图片轮播／切换
04-09
<img src="image1.jpg" alt="Image 1"> <img src="image2.jpg" alt="Image 2"> <img src="image3.jpg" alt="Image 3"> </div> ``` 接下来，我们引入 jQuery 库，并创建一个 JavaScript 文件来实现轮播功能。这里...
jq改变html的img,jquery更改img元素的src属性的方法
weixin_35482237的博客
06-27 7106
jquery更改img元素的src属性的方法：首先在html文件中，给button按钮绑定onclick点击事件；然后在js标签内创建editsrc函数；接着通过“id(myimg)”获得img对象；最后使用attr方法设置src属性即可。本教程操作环境：windows7系统、jquery1.10.0版本，该方法适用于所有品牌电脑。在jquery中，主要通过attr()方法来设置img标签的src...
获取img的src 或者给img赋值
Todd Li的博客
04-25 2万+
获取：   $('userPhoto').attr('src')  $('userPhoto')[0].src赋值：$("#imageId").attr("src","xxxx.jpg")
html5 img 放大图片,jsp中点击<img>放大图片
weixin_39556853的博客
06-09 1005
页面代码：String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>放大图片 //图片放大$(function(){$("#viewImg2").click(...
Jquery修改img的src值的方法
容我半世癫狂的博客
11-13 9353
$("#imgId").attr('src',path);  
＜img/＞标签中的属性
muyuxifeng的博客
07-09 9574
<img/>标签用于在浏览器中显示图片 <img/>标签常用的属性有： src 图片路径 alt 提示信息（若使用了该属性 当图片不能展示的时候 会出现自定义的提示信息 当图片能展示出来的时候 改提示信息不会出现在页面上） weigth 设置图片的宽度 height 设置图片的高度 示例： （图片未能成功加载到页面上时 alt属性里的文本信息 出现在页面上） ...
jQuery 实现点击下载img标签的图片（自用）
qq_37507261的博客
04-10 444
【代码】jQuery 实现点击下载img标签的图片（自用）
js处理img标签加载图片失败，显示默认图片
热门推荐
coding乐园
03-01 4万+
1.第一种方法： 如果已经引入了jquery插件，就很好办。没有的话，如果实在需要，可以附上代码： script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js") //这是jade文件的写法，可以自行转换为htmlhandle error
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>美丽GO</title> <h1>美丽GO<h1> <style> .h1{ justify-content: center; } .wrapper { display: flex; justify-content: center; } #left { display: flex; list-style: none; margin: 0; padding: 0; } #left li { display: inline-block; margin-right: 10px; } #content { display: flex; flex-wrap: wrap; justify-content: center; } #content div { flex: 1; margin: 10px; } img { max-width: 100%; } </style> <script src="jquery.min.js"></script> <script> $(function() { // 1. 鼠标经过左侧的小li $("#left li").mouseover(function() { // 2. 得到当前小li 的索引号 var index = $(this).index(); console.log(index); // 3. 让我们右侧的盒子相应索引号的图片显示出来就好了 // $("#content div").eq(index).show(); // 4. 让其余的图片（就是其他的兄弟）隐藏起来 // $("#content div").eq(index).siblings().hide(); // 链式编程； $("#content div").eq(index).show().siblings().hide(); }) }) </script> </head> <body> <div class="wrapper"> <ul id="left"> <li><a href="#">女靴</a></li> <li><a href="#">雪地靴</a></li> <li><a href="#">冬裙</a></li> <li><a href="#">呢大衣</a></li> <li><a href="#">毛衣</a></li> <li><a href="#">棉服</a></li> <li><a href="#">女裤</a></li> <li><a href="#">羽绒服</a></li> <li><a href="#">牛仔裤</a></li> <li><a href="#">男包</a></li> </ul> <div id="content"> <div> <a href="#"><img src="images/女靴.jpg" /></a> </div> <div> <a href="#"><img src="images/雪地靴.jpg" /></a> </div> <div> <a href="#"><img src="images/冬裙.jpg" /></a> </div> <div> <a href="#"><img src="images/呢大衣.jpg" /></a> </div> <div> <a href="#"><img src="images/毛衣.jpg" /></a> </div> <div> <a href="#"><img src="images/棉服.jpg" /></a> </div> <div> <a href="#"><img src="images/女裤.jpg" /></a> </div> <div> <a href="#"><img src="images/羽绒服.jpg" /></a> </div> <div> <a href="#"><img src="images/牛仔裤.jpg" /></a> </div> <div> <a href="#"><img src="images/男包.jpg" /></a> </div> </div> </div> </body> </html>如何将其代码改成表格形式
06-03
可以将代码改成以下表格形式： ``` <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>美丽GO</title> <style> .h1{ justify-content: center; } .wrapper { display: flex; justify-content: center; } #left { display: flex; list-style: none; margin: 0; padding: 0; } #left li { display: inline-block; margin-right: 10px; } #content { display: flex; flex-wrap: wrap; justify-content: center; } #content div { flex: 1; margin: 10px; } img { max-width: 100%; } </style> <script src="jquery.min.js"></script> <script> $(function() { // 1. 鼠标经过左侧的小li $("#left li").mouseover(function() { // 2. 得到当前小li 的索引号 var index = $(this).index(); console.log(index); // 3. 让我们右侧的盒子相应索引号的图片显示出来就好了 // $("#content div").eq(index).show(); // 4. 让其余的图片（就是其他的兄弟）隐藏起来 // $("#content div").eq(index).siblings().hide(); // 链式编程； $("#content div").eq(index).show().siblings().hide(); }) }) </script> </head> <body> <table> <tr> <td> <div class="wrapper"> <ul id="left"> <li><a href="#">女靴</a></li> <li><a href="#">雪地靴</a></li> <li><a href="#">冬裙</a></li> <li><a href="#">呢大衣</a></li> <li><a href="#">毛衣</a></li> <li><a href="#">棉服</a></li> <li><a href="#">女裤</a></li> <li><a href="#">羽绒服</a></li> <li><a href="#">牛仔裤</a></li> <li><a href="#">男包</a></li> </ul> <div id="content"> <div> <a href="#"><img src="images/女靴.jpg" /></a> </div> <div> <a href="#"><img src="images/雪地靴.jpg" /></a> </div> <div> <a href="#"><img src="images/冬裙.jpg" /></a> </div> <div> <a href="#"><img src="images/呢大衣.jpg" /></a> </div> <div> <a href="#"><img src="images/毛衣.jpg" /></a> </div> <div> <a href="#"><img src="images/棉服.jpg" /></a> </div> <div> <a href="#"><img src="images/女裤.jpg" /></a> </div> <div> <a href="#"><img src="images/羽绒服.jpg" /></a> </div> <div> <a href="#"><img src="images/牛仔裤.jpg" /></a> </div> <div> <a href="#"><img src="images/男包.jpg" /></a> </div> </div> </div> </td> </tr> </table> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值