❶ 如何用ajax / jquery 清除image src
需要准備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,並引入jquery。
❷ jquery使用filter過濾,錯在什麼地方
最近發現了jquery的.filter()方法,這真是一個很強大的方法,最強大之處在於,他可以接受一個函數作為參數,然後根據函數的返回值判斷,如果返回值是true,這個元素將被保留,如果返回值是false,這個元素將被剔除。這就是jquery選擇器的過濾器。
空說無用,我們展示一下
復制代碼代碼如下:
<body>
<p>你好啊,今天及多大了啊</p>
<p><span>為什麼要告訴你</span></p>
</body>
如果我們要選擇有一個<span>子元素的<p>元素,平常我都是這么寫的
復制代碼代碼如下:
$("p>span").parent();
現在藉助於.filter()我們可以寫成這個樣子:
復制代碼代碼如下:
$("p").filter(function(index){
return $(this).find("span").size();
});
雖然看起來有些麻煩,但是他提供了我們一種極其強大的自定義查找元素的功能,我們可以傳遞一個函數,然後藉助jquery的隱式迭代,來實現查找。
❸ JQuery 多條件過濾
.filter().filter()
篩選之後再篩選就好了
❹ 求js正則表達式過濾圖片地址 謝了
var img=document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
var goal=img[i].getAttribute("src");
var reg=/\/upload\/201109\/\d+\.jpg/;
//可以根據需求設置你的正則表達式。
if(goal.test(reg)){
//do something you want.
}
}
❺ jquery怎麼實現把一段帶圖片的文本里的圖片替換成其他文字!
1、使用正則替換
//聲明正則
varreg="<(img|a|p|b|div|br)\s*([\w]*=("|')([^"'<]*)("|')\s*)*(/>|>)";
//讀取文本
$.get('Scripts/data.txt').success(function(content){
//content就為文件data.txt的文本內容了,注意txt文件的編碼需要與html文件的編碼一///致,最好保存成utf-8
//替換操作
varresult=content.replace(reg,'你要替換的文字');
});
2、文本內容作為string字元串,然後使用indexof()查找ing標簽下標,img標簽長度,一個個的替換(很麻煩,不推薦)
❻ jquery怎麼實現把一段帶圖片的文本里的圖片替換成其他文字
圖片的html信息是給定的還是從內容中截取的?給定的話簡單點,截取的話估計還要增則表達式過濾,很麻煩的。
樓上的方法很不錯。
1.js取到html信息圖片節點--IMG
2.然後 remove 整個IMG節點
3.添加新的節點 比如p
4..html內容
❼ jQuery過濾選擇器怎麼製作圖片突出效果
我們經常在一些網站上看到圖片突出效果,即若干個圖片擺放在一起,當滑鼠放到某一張圖片上時,以其他圖片變暗的方式突顯這張圖。大致效果如下:
首先布局HTML:
<divclass="main"><ul><li><imgsrc="images/1.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/6.png"width="350px"height="200px"alt=""></li><li><imgsrc="images/3.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/4.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/5.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/2.jpg"width="350px"height="200px"alt=""></li></ul></div>
接下來簡單調整一下css樣式
有沒有很簡單。
再下一步就是要引入jq和編寫jq代碼來實現效果了
<scriptsrc="images/jquery-1.12.4.js"></script><script>$(function(){$(".main>ul>li").mouseenter(function(){$(this).css("opacity","1").siblings().css("opacity","0.3");$(".main").mouseleave(function(){$(this).find("li").css("opacity",1);})})});</script>
就是這么簡單,有沒有很意外?主要熟悉使用siblings()和find()兩個過濾選擇器來實現效果,至於作者的布局好不好看,圖片搭配美不美的問題就不要深究了。
❽ jquery中簡單過濾選擇器有哪些
1. 基本過濾選擇器
a) ":first",選取第一個元素,別忘記它也是被放在一個集合里哦!因為JQuery它是DOM對象的一個集合。如,「$("tr:first")」返回所有tr元素的第一個tr元素,它仍然被保存在集合中。
b)「:last」,選取最後一個元素。如,「$("tr:last")」返回所有tr元素的最後一個tr元素,它仍然被保存在集合中。
c)「:not(selector)」,去除所有與給定選擇器匹配的元素。如,「$("input:not(:checked)")」返回所有input元素,但去除被選中的元素(單選框、多選框)。
d)「:even」,選取所有元素中偶數的元素。因為JQuery對象是一個集合,這里的偶數指的就是集合的索引,索引從0開始。
e) 「:odd」,選取所有元素中奇數的元素,索引從0開始。
f) 「:eq(index)」,選取指定索引的元素,索引從0開始。
g) 「:gt(index)」,選取索引大於指定index的元素,索引從0開始。
h) 「:lt(index)」,選取索引小於指定index的元素,索引從0開始。
i) 「:header」,選取所有的標題元素,如hq、h2等。
j) 「:animated」,選取當前正在執行的所有動畫元素。
2). 內容過濾選擇器
它是對元素和文本內容的操作。
a) 「:contains(text)」,選取包含text文本內容的元素。
b) 「:empty」,選取不包含子元素或者文本節點的空元素。
c) 「:has(selector)」,選取含有選擇器所匹配的元素的元素。
d) 「:parent」,選取含有子元素或文本節點的元素。(它是一個父節點)
3). 可見性過濾選擇器
根據元素的可見與不可見狀態來選取元素。
「:hidden」,選取所有不可見元素。
「:visible」,選擇所有可見元素。
可見選擇器:hidden 不僅包含樣式屬性 display 為 none 的元素,也包含文本隱藏域 (<input type=「hidden」>)和 visible:hidden 之類的元素。
4).屬性過濾選擇器
通過元素的屬性來選取相應的元素。
a) 「[attribute]」,選取擁有此屬性的元素。
b) 「[attribute=value]」,選取指定屬性值為value的所有元素。
c) 「[attribute !=value]」,選取屬性值不為value的所有元素。
d) 「[attribute ^= value]」,選取屬性值以value開始的所有元素。
e) 「[attribute $= value]」,選取屬性值以value結束的所有元素。
f) 「[attribute *= value]」,選取屬性值包含value的所有元素。
g) 「[selector1] [selector2]…[selectorN]」,復合性選擇器,首先經[selector1]選擇返回集合A,集合A再經過[selector2]選擇返回集合B,集合B再經過[selectorN]選擇返回結果集合。
5). 子元素過濾選擇器
一看名字便是,它是對某一元素的子元素進行選取的。
a) 「:nth-child(index/even/odd)」,選取索引為index的元素、索引為偶數的元素、索引為奇數的元素。
l nth-child(even/odd):能選取每個父元素下的索引值為偶(奇)數的元素。
l nth-child(2):能選取每個父元素下的索引值為 2 的元素。
l nth-child(3n):能選取每個父元素下的索引值是 3 的倍數的元素。
l nth-child(3n + 1):能選取每個父元素下的索引值是 3n + 1的元素。
b) 「:first-child」,選取第一個子元素。
c) 「:last-child」,選取最後一個子元素。
d) 「:only-child」,選取唯一子元素,它的父元素只有它這一個子元素。
6). 表單過濾選擇器
選取表單元素的過濾選擇器。
a) 「:input」,選取所有<input>、<textarea>、<select >和<button>元素。
b) 「:text」,選取所有的文本框元素。
c) 「:password」,選取所有的密碼框元素。
d) 「:radio」,選取所有的單選框元素。
e) 「:checkbox」,選取所有的多選框元素。
f) 「:submit」,選取所有的提交按鈕元素。
g) 「:image」,選取所有的圖像按鈕元素。
h) 「:reset」,選取所有重置按鈕元素。
i) 「:button」,選取所有按鈕元素。
j) 「:file」,選取所有文件上傳域元素。
k) 「:hidden」,選取所有不可見元素。
7).表單對象屬性過濾選擇器
選取表單元素屬性的過濾選擇器。
「:enabled」,選取所有可用元素。
「:disabled」,選取所有不可用元素。
「:checked」,選取所有被選中的元素,如單選框、復選框。
「:selected」,選取所有被選中項元素,如下拉列表框、列表框。
❾ 過濾器過濾頁面上的圖片和js路徑
doFilter(arg0,arg1);這一行需要放在else裡面,不然還是會執行這一句
❿ jquery過濾選擇器有哪些
(抄1)Jquery中簡單過濾選擇器襲
jquery根據某一類過濾規則進行元素匹配,書寫時以:開頭,是Jquery中應用最為廣泛的選擇器
(2)簡單過濾選擇器的基本語法
①first()或者:first 獲取第一個元素
②last()或者:last 獲取最後一個元素
③:not(selector)獲取除開給定選擇器的其他元素
④:even獲取索引為偶數的元素,索引從0開始
⑤:odd獲取索引為奇數的元素,索引從0開始
⑥:eq(index)獲取制定索引元素,從0開始
⑦:gt(index)獲取大於給定索引的元素,從0開始
⑧:lt(index)獲取小於給定索引的元素,從0開始
⑨:header獲取標題類型元素
⑩:animated獲取正在執行動畫效果的元素