重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、可以使用正则直接取到img
嘉黎网站建设公司创新互联建站,嘉黎网站设计制作,有大型网站制作公司丰富经验。已为嘉黎千余家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的嘉黎做网站的公司定做!
//思路分两步:
//1,匹配出图片img标签(即匹配出所有图片),过滤其他不需要的字符
//2.从匹配出来的结果(img标签中)循环匹配出图片地址(即src属性)
var str = "tdthis is test string img src=\"http:yourweb.com/test.jpg\" width='50' 123 and the end img src=\"所有地址也能匹配.jpg\" / 33! img src=\"/uploads/attached/image/20120426/20120426225658_92565.png\" alt=\"\" //td"
//匹配图片(g表示匹配所有结果i表示区分大小写)
var imgReg = /img.*?(?:|\/)/gi;
//匹配src属性
var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
var arr = str.match(imgReg);
alert('所有已成功匹配图片的数组:'+arr);
for (var i = 0; i arr.length; i++) {
var src = arr[i].match(srcReg);
//获取图片地址
if(src[1]){
alert('已匹配的图片地址'+(i+1)+':'+src[1]);
}
//当然你也可以替换src属性
if (src[0]) {
var t = src[0].replace(/src/i, "href");
//alert(t);
}
}
1、jQuery中,针对标签属性的操作都是使用attr()方法来实现的。
2、比如:$("a").attr("onclick")可获得a标签的onclick属性,对应的:增加事件$(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值。
3、设置onclick属性:$("a").attr("onclick","test();");删除事件。
4、$(selector).removeAttr(attribute)删除onclick属性:$("a").removeAttr("onclick")。
5、jquery 1.6之前的版本并不支持attr()方法对标签onclick属性的相关操作。换句话说要使用attr()方法操作标签中的onclick属性必须使用jq库1.6或更新的库版本。
可以使用:$("#but").removeAttr("class");和$("#but").attr("class","but_test");来对标签进行元素的添加和删除。
为了直观性的看到结果,首先在css样式中,针对class选择该元素,之后添加相应的样式。
接下来,就给该button按钮添加一个点击事件,让它能过自由切换。
对该点击事件添加js函数。
运行后的结果为:
拓展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
直接将标签jquery的remove()方法即可,其下面的内容也就同时移除了。
remove() 方法移除被选元素,包括所有文本和子节点。
该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。
语法:
$(selector).remove()
例如:
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
$("p").remove();
});
});
/script
/head
body
p这是一个段落。/p
p这是另一个段落。/p
button删除所有 p 元素/button
/body
/html
问题分析:
1、删除:使用jQuery的remove方法。
2、添加:使用jQuery的append、after等多个方法,这些不同的方法是用来决定标签添加的相对位置。
举例如下:
以内部追加方法append为例。
添加DIV:
$('body').append('div id="name"我是被添加的DIV标签/div');
删除刚刚添加的DIV:
$('#name').remove();