『jQuery』.html(),.text()和.val()的概述及使用
本節(jié)內(nèi)容主要介紹的是如何使用jQuery中的.html(),.text()和.val()三種方法，用于讀取，修改元素的html結(jié)構(gòu)，元素的文本內(nèi)容，以及表單元素的value值的方法。jQuery中為我們提供了多種方法用于對(duì)元素的HTML結(jié)構(gòu)和元素的文本內(nèi)容的操作，比如說(shuō)，你可以給已存在的元素的內(nèi)部，周圍，前面或者后面增加新元素；或者用一個(gè)元素替代另一個(gè)元素；你也可以讀取或者修改一個(gè)元素的內(nèi)容或結(jié)構(gòu)。有時(shí)我們就會(huì)比較模糊，不知道是給元素增加內(nèi)容或者增加一個(gè)元素，比如說(shuō)我們需要給一個(gè)存在的元素有效的增加這個(gè)元素的內(nèi)容。
這里主要和大家一起分享如何增加，刪除和替換元素，jQuery給我們提供了三種方法來(lái)對(duì)元素的結(jié)構(gòu)，內(nèi)容進(jìn)行操作：
- .html():讀取和修改一個(gè)元素的HTML內(nèi)容，詳情.html()；
- .text()：讀取和修改一個(gè)元素的文本內(nèi)容，詳情.text()；
- .val()：讀取和修改一個(gè)表單元素的value字段值，詳情.val()。
正如你將看到的，這些方法可以讓你輕松的讀取或修改元素的原始內(nèi)容或讀取和修改任何HTML的值，也可以輕松的讀取或修改表單中的value字段值。
操作元素的HTML結(jié)構(gòu)——.html()
jQuery中的.html()方法可以讓讀取和修改一個(gè)元素的Html的內(nèi)容，其主要有三種使用方式：.html(),.html(htmlString),.html(function(index,html){...})，下面依次來(lái)看看他們的具體使用方法。
1、讀取一個(gè)元素的HTML結(jié)構(gòu)——.html()
語(yǔ)法：
$("Element").html();
返回值：string
說(shuō)明：
.html()方法用來(lái)獲取任意元素的HTML內(nèi)容，如果選擇器同時(shí)選中多于一個(gè)的元素時(shí)，那么其只能讀取第一個(gè)元素的HTML內(nèi)容。另外此法對(duì)XML方檔是無(wú)效的。
要讀取一個(gè)元素的HTML內(nèi)容，首先你要選擇這個(gè)元素，然后在調(diào)用jQuery中的.html()方法，比如說(shuō)，下面的代碼中，我們選擇了div.demo中的p元素，然后通過(guò).html()讀取這個(gè)元素的HTML內(nèi)容，如：
HTML Code:
<div class="demo">
<p>這是一個(gè)段落元素，里面包含了一個(gè)a鏈接元素<a href="#">W3CPLUS</a></p>
</div>
jQuery Code
$(document).ready(function(){
alert("Div.demo中的p元素的HTML結(jié)構(gòu)："+$("div.demo p").html());
});
結(jié)果
上面代碼會(huì)彈出一個(gè)警告框，顯示原始的HTML標(biāo)記內(nèi)的元素，如上圖所示。上面是div.demo只有一個(gè)Ｐ元素，如果有多個(gè)呢？會(huì)有什么現(xiàn)像發(fā)生，我們不枋在看一回：
HTML Markup
<div class="demo">
<p>我是div.demo中第一個(gè)P元素：<a href="#">我在第一個(gè)P里面</a></p>
<p>這是一個(gè)段落元素，里面包含了一個(gè)a鏈接元素<a href="#">W3CPLUS</a></p>
</div>
jQuery Code
$(document).ready(function(){
alert("Div.demo中的p元素的HTML結(jié)構(gòu)："+$("div.demo p").html());
});
效果
從上面效果圖中我們可以明顯的看出，同樣的一段jQuery代碼，所得到的效果不一樣。這里再次證明了如果你調(diào)用多個(gè)選定元素的.html()方法，那么其讀取的只是第一個(gè)元素，換句話說(shuō)：如果選擇器匹配多于一個(gè)的元素，那么只有第一個(gè)匹配元素的 HTML 內(nèi)容會(huì)被獲取。
2、修改一個(gè)元素的HTML內(nèi)容——.html(htmlString)
語(yǔ)法：
$("Element").html(htmlString);//htmlString是用來(lái)設(shè)置每個(gè)匹配元素的一個(gè)HTML 字符串
返回值：jQuery對(duì)象
說(shuō)明：
重新設(shè)置第一個(gè)匹配元素的html內(nèi)容，這些元素的任何內(nèi)容完全被新的內(nèi)容取代?；谏厦娴膶?shí)例，將原來(lái)的段落的HTML內(nèi)容完全取代：
HTML Markup
<div class="demo">
<p>我是div.demo中第一個(gè)P元素：<a href="#">我在第一個(gè)P里面</a></p>
<p>這是一個(gè)段落元素，里面包含了一個(gè)a鏈接元素<a href="#">W3CPLUS</a></p>
</div>
jQuery Code:
$(document).ready(function(){
$("div.demo p").html('<h2 class="title">新加的標(biāo)題</h2><p>我是div.demo中第一個(gè)P元素：<a href="#">我在第一個(gè)P里面</a></p>');
});
效果：
從上面的效果中我們得知：如果使用.html(htmlStrong)方法匹配在多個(gè)元素上，那么多個(gè)匹配元素將的HTML內(nèi)容將被替換，并且都被替換成一樣的HTML結(jié)構(gòu)，也就是.html(htmlString)方法中指定的“htmlString”結(jié)構(gòu)。換句話，如果你使用.html(htmlString)方法選定了多個(gè)元素，那么這些選定的元素的HTML內(nèi)容都會(huì)被.html(htmlString)方法中的“htmlString”所替代。就如上圖所示。
3。使用一個(gè)回調(diào)函數(shù)來(lái)替換一個(gè)元素的HTML內(nèi)容
語(yǔ)法：
$("Element").html(function(index,html){...});
返回值：jQuery對(duì)象
說(shuō)明：
用來(lái)返回設(shè)置HTML內(nèi)容的一個(gè)函數(shù)。接收元素的索引位置和元素舊的HTML作為參數(shù)。
使用個(gè)回調(diào)函數(shù)來(lái)替換一個(gè)元素的HTML內(nèi)容，必須滿足下面兩個(gè)條件：
- 當(dāng)前元素的索引值位置(index值從0開(kāi)始計(jì)算)；
- 當(dāng)前元素的舊的html內(nèi)容。
函數(shù)的返回值隨后被用來(lái)作為替代HTML。這種做法很方便的，如果你要替換多個(gè)元素的內(nèi)容，而且不想像上面那們換成相同的內(nèi)容，而是換成不同的內(nèi)容，那么我們就可以使用這種方法，根據(jù)元素自己的位置或現(xiàn)有的內(nèi)容（或者兩者同時(shí)）來(lái)給多個(gè)元素替換成不同的html內(nèi)容。我們來(lái)看一個(gè)實(shí)例：
HTML Markup
<div class="demo">
<p><a href="#">我在第一個(gè)P里面</a></p>
<p><a href="#">W3CPLUS</a></p>
</div>
jQuery Code:
$(document).ready(function(){
$("div.demo p").html(function(index,oldHtml){
return "我是段落" + (index+1) + "：" + oldHtml;
});
});
效果：
操作元素的純文本內(nèi)容——.text()
前面的.html()方法讓你可以讀取或修改元素的HTML內(nèi)容——包括元素的HTML標(biāo)簽；而jQuery中的.text()方法僅僅是對(duì)元素的純文本的操作。他和.html()方法一樣包含了三種使用方法：
1、讀取文本內(nèi)容——.text()
語(yǔ)法：
$("Element").text();
返回值：返回字符串；
說(shuō)明：
將獲取匹配元素集合中每個(gè)元素的文本內(nèi)容結(jié)合,包括他們的后代。.text()和.html()方法不同，.text()方法都可以在XML和HTML文檔中使用。.text()方法的結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來(lái)的文本(由于不同的瀏覽器對(duì)HTML分析器的不同，在返回的文本換行和其他空格可能會(huì)有所不同。)
使用.text()和.html()方法都差不多相同，如：
HTML Markup
<div class="demo">
<p><a href="#">W3CPLUS</a></p>
</div>
jQuery Code:
$(document).ready(function(){
alert(".text()讀取的內(nèi)容：" + $("div.demo p").text());
});
效果：
從上面的效果中我們得知：使用.text()方法，我們只讀取元素的純文本內(nèi)容，包括他的后代元素，而此元素中的HTML標(biāo)簽（包括其后代元素的HTML標(biāo)簽）都被剝離出去，只留下文本內(nèi)容。
.text()和.html()方法一樣可以同時(shí)選定多個(gè)元素，但有一點(diǎn)不同：.html()匹配多個(gè)元素時(shí)，只會(huì)讀取匹配元素中的第一個(gè)；而.text()方法不同，他在匹配多個(gè)元素時(shí)，會(huì)同時(shí)讀取多個(gè)元素的內(nèi)容，如：
HTML Markup
<div class="demo">
<p><a href="#">W3CPLUS</a></p>
<p>我是段落二：<a href="#">W3CPLUS</a></p>
</div>
jQuery Code
$(document).ready(function(){
alert(".text()方法：" + $("div.demo p").text());
alert(".html()方法：" + $("div.demo p").html());
});
效果：
2、替換文本內(nèi)容——.text(textString)
語(yǔ)法
$("Element").text(textString);//textString用于設(shè)置匹配元素內(nèi)容的文本
返回值：jQuery對(duì)象
說(shuō)明：
.text(textString)方法和.html(htmlString)方法都是一樣用來(lái)替換元素的內(nèi)容，他們不同之種是：.html(htmlString)方法會(huì)把HTML標(biāo)簽當(dāng)作新的HTML標(biāo)簽來(lái)替換原來(lái)的內(nèi)容，而.text(textString)則把HTML標(biāo)簽會(huì)轉(zhuǎn)換成純文本內(nèi)容來(lái)代替元素的舊內(nèi)容。換句話說(shuō)，.text(textString)方法中如果包含了HTML的標(biāo)簽，此方法會(huì)將< 替換為 <,>替換為>。我們?cè)谇懊娴?html(htmlString)實(shí)例基礎(chǔ)上把.html()換成.text()。
HTML Markup
<div class="demo">
<p><a href="#">W3CPLUS</a></p>
<p>我是段落二：<a href="#">W3CPLUS</a></p>
</div>
jQuery Code
$(document).ready(function(){
$("div.demo p").text('<h2 class="title">新加的標(biāo)題</h2><p>我是div.demo中第一個(gè)P元素：< href="#">我在第一個(gè)P里面</a></p>');
});
效果：
效果圖上可以得知，.text(textString)方法會(huì)將HTML標(biāo)簽當(dāng)作純文本內(nèi)容來(lái)替換元素的舊內(nèi)容，這一點(diǎn)和.html(htmlString)方法是完全不一樣，大家可以和前面的.html(htmlString)進(jìn)行比較。不過(guò)他們有一個(gè)相同之處：如果匹配多個(gè)元素時(shí)，采用.text(textString)會(huì)將所匹配元素的內(nèi)容替換成相同的內(nèi)容。
3、使用一個(gè)回調(diào)函數(shù)來(lái)替換一個(gè)元素的文本內(nèi)容
.text()方法和.html()方法一樣，也要以通過(guò)一個(gè)回調(diào)函數(shù)來(lái)動(dòng)態(tài)的替換多個(gè)元素的內(nèi)容，不致于像.text(textString)把多個(gè)元素?fù)Q成相同的內(nèi)容。
語(yǔ)法
$("Element").text(function(index,text){...});
返回值：jQuery對(duì)像
說(shuō)明：
用來(lái)返回設(shè)置文本內(nèi)容的一個(gè)函數(shù)。接收元素的索引位置和元素舊的文本值作為參數(shù)。使用回調(diào)函數(shù)來(lái)替換一個(gè)元素的內(nèi)容，必須滿足下面兩個(gè)條件：
- 當(dāng)前元素的索引值位置(index值從0開(kāi)始計(jì)算)；
- 當(dāng)前元素的舊的文本內(nèi)容。
函數(shù)的返回值隨后被用來(lái)作為替代元素的純文本內(nèi)容。這種做法很方便的，如果你要替換多個(gè)元素的內(nèi)容，而且不想像上面那們換成相同的內(nèi)容，而是換成不同的內(nèi)容，那么我們就可以使用這種方法，根據(jù)元素自己的位置或現(xiàn)有的內(nèi)容（或者兩者同時(shí)）來(lái)給多個(gè)元素替換成不同的千篇一文本內(nèi)容。我們來(lái)看一個(gè)實(shí)例：
HTML Markup
<div class="demo">
<p><a href="#">我在第一個(gè)P里面</a></p>
<p><a href="#">W3CPLUS</a></p>
</div>
jQuery Code:
$(document).ready(function(){
$("div.demo p").text(function(index,oldText){
return (index+1) + "." + oldText;
});
});
效果
操作表單字段Value值——.val()
前面介紹的.html()和.text()都無(wú)法在input元素上操作，那么我們接著看一個(gè).val()方法。這個(gè)方法就像.text()方法一樣，可以讀取，修改表單字段“value”的值。
1、獲取表單元素值——.val()
語(yǔ)法
$("Element").val();
返回值：將返回的是字符串或數(shù)組
說(shuō)明
.val()方法主要用于獲取表單元素的值。至于“<select multiple="multiple">”元素，.val()方法返回一個(gè)包含每個(gè)選中的option的數(shù)組，對(duì)于下接選擇框“<select>”和復(fù)選框，單選（[type="checkbox"],[type="radio"]）你可以使用“:selected”和“:checked”選擇器來(lái)獲取值。具體我們一來(lái)看幾個(gè)實(shí)例：
HTML Markup
<div id="colorRadio">
<input type="radio" name="color" id="rd1" value="Red" />Red
<input type="radio" name="color" id="rd2" value="Yello" />Yello
<input type="radio" name="color" id="rd3" value="Blue" />Blue
</div>
<div id="sizeCheck">
<input type="checkbox" name="size" id="ch1" value="10 pt" />10 pt
<input type="checkbox" name="size" id="ch2" value="12 pt" />12 pt
<input type="checkbox" name="size" id="ch3" value="14 pt" />14 pt
</div>
<input type="button" id="submitBtn" value="Get Value" />
jQuery Code
$(document).ready(function () {
$('#submitBtn').click(function () {
alert($('#colorRadio input:radio').val());
alert($('#sizeCheck input:checkbox').val());
});
});
效果
.val()返回的是匹配的元素集合中的第一個(gè)，有時(shí)你想返回選中的radio或checkbox的值，如果此時(shí)你只使用.val()方法，那么返回的將是第一個(gè)值，跟選中不選擇中沒(méi)有任何關(guān)系，就如上圖所示，如果你想返回你選擇的值，你就需要像下面這樣操作，才能得到選中的值：
$(document).ready(function () {
$('#submitBtn').click(function () {
alert($('input:radio[name=color]:checked').val());
alert($('input:checkbox[name=size]:checked').val());
});
});
此時(shí)單選(radio)將返回你選擇中的值，但checkbox不是，如果你同時(shí)選中多個(gè)checkbox時(shí).val()只會(huì)返回第一個(gè)選擇中的值，如果沒(méi)有選中任何值，此時(shí)將返加的是“undefined”。剛才說(shuō)過(guò)對(duì)于“checkbox”有多個(gè)選中時(shí)，返加的將只是第一個(gè)值，如果需要全部返回，我們就需要使用each()對(duì)checkbox進(jìn)行遍歷
$(document).ready(function () {
$('#submitBtn').click(function () {
alert($('input:radio[name=color]:checked').val());
$('input:checkbox[name=size]:checked').each( function() {
alert( $(this).val());
});
});
});
另外.val()在“select”時(shí)也分兩種情況，當(dāng).val()方法應(yīng)用在<select>元素上時(shí)，返回的是選中的值；另外一種情況是，當(dāng).val()方法應(yīng)用在<select multiple="multiple">元素上時(shí)，返回的將是一個(gè)包含每個(gè)選中的 option 的數(shù)組。具體來(lái)看下面的一個(gè)例子。
HTML Markup
<form action="" method="post">
<select id="dropdown">
<option>Red</option>
<option>Yellow</option>
<option>Blue</option>
</select>
<select id="listbox" multiple="multiple">
<option>Red</option>
<option>Yellow</option>
<option>Blue</option>
</select>
<input type="button" id="getSelectValue" value="Get Value" />
</form>
jQuery Code
$("#getSelectValue").click(function(){
alert($("#dropdown").val());
var colors = $("#listbox").val();
for(var key in colors){
alert(colors[key]);
}
});
2、替換表單元素的Value值——.val(value)
語(yǔ)法
$("Element").val(value);//value表示的是：一個(gè)文本字符串或一個(gè)以字符串形式的數(shù)組來(lái)設(shè)定每個(gè)匹配元素的值。
返回值jQuery對(duì)象
說(shuō)明
這個(gè)方法常用來(lái)設(shè)置表單域的值，同樣對(duì)于“<select multiple="multiple">”元素，多個(gè)option可以通過(guò)一個(gè)數(shù)組來(lái)選中。.val(value)可以同時(shí)改變選中元素的value值，而且其值是相同的，如：
$("input").val("test");
上面代碼最終會(huì)將所有inupt的value值替換成“test”，在平時(shí)的應(yīng)用中我們一般是不這樣使用的。.val(value)常應(yīng)用在input[type="text"]的focus和blur上，如：
HTML Markup
<input type="text" id="textBox" value="Hello,jQuery!" />
jQuery Code
$("input:text").focus(function(){
var $inputTextVal = $(this).val();
if($inputTextVal == this.defaultValue) {
$(this).val("");
}
});
$("input:text").blur(function(){
var $inputTextVal = $(this).val();
if($inputTextVal == ""){
$(this).val(this.defaultValue);
}
});
3、使用一個(gè)回調(diào)函數(shù)來(lái)替換表單字段“value”的值
前面的.val(value)可以將選中的表單元素的value值改成相同的，那么我們往往是需要設(shè)置成不同的value值，此時(shí)我們就需使用這個(gè)方法，通過(guò)一個(gè)函數(shù)來(lái)設(shè)置這個(gè)值。這個(gè)函數(shù)通過(guò)兩個(gè)參數(shù)，當(dāng)前元素的所引值和它當(dāng)前的值。
語(yǔ)法
$("Element").val(function(index,value){...});
返回值jQuery對(duì)象
說(shuō)明
使用這個(gè)函數(shù)的返回值來(lái)設(shè)置每個(gè)匹配的input元素的“value”值，下面我們來(lái)看一個(gè)checkbox和radio上的實(shí)例：
HTML Markup
<form action="">
<div id="colorRadio">
<input type="radio" name="color" id="rd1" value="Red" /><span id="color1">Red</span>
<input type="radio" name="color" id="rd2" value="Yellow" /><span id="color2">Yellow</span>
<input type="radio" name="color" id="rd3" value="Blue" /><span id="color3">Blue</span>
</div>
<div id="sizeCheck">
<input type="checkbox" name="size" id="ch1" value="10 pt" /><span id="size1">10 pt</span>
<input type="checkbox" name="size" id="ch2" value="12 pt " /><span id="size2">12 pt</span>
<input type="checkbox" name="size" id="ch3" value="14 pt" /><span id="size3">14 pt</span>
</div>
<input type="text" id="txtBox" disabled="disabled" />
<input type="button" id="setValue" value="Set Value" />
</form>
jQuery Code
$(document).ready(function(){
$("input:radio[name=color]").val(function(index,oldVal){
return "color-" + (index+1) + ":" + oldVal;
});
$("input:checkbox[name=size]").val(function(index,oldVal){
return "size-" + (index+1) + ":" + oldVal;
});
$("#setValue").click(function(){
var $msg = $("input:radio[name=color]:checked").val() + ",";
$("input:checkbox[name=size]:checked").each(function(){
$msg += $(this).val() + ",";
});
$("#txtBox").val($msg);
});
});
對(duì)于多選擇下接框，我們可以這樣來(lái)改變：
HTML Markup
<select id="dropdown">
<option>Red</option>
<option>Yellow</option>
<option>Blue</option>
</select>
<select id="listbox" multiple="multiple">
<option>Red</option>
<option>Yellow</option>
<option>Blue</option>
</select>
jQuery Cody
$(document).ready(function () {
$('#dropdown').val('Yellow');
$('#listbox').val(['Red', 'Blue']);
});
上面介紹了.val()的具體使用方法，那么我們什么情況下可以使用.val()方法呢？
- 你可以使用.val()來(lái)讀取和修改<select>選中的列表項(xiàng)。正如上面的實(shí)例所示，當(dāng)然這些值已經(jīng)在存在列表項(xiàng)中；
- 你可以使用.val()來(lái)讀取<select multiple="multiple">選中的值，如果你選中多上選項(xiàng)值，此時(shí).val()將返回的是一個(gè)option數(shù)組，不過(guò)你不能使用.val()給他設(shè)置多個(gè)值；
- 你可以使用.val()來(lái)讀取radio和checkbox的值，也可以配合checked="checked"屬性來(lái)讀取選中的值，但對(duì)于checkbox需要使用each()進(jìn)行遍歷，否則只能讀取第一個(gè)選中的值；
- 你可使用function動(dòng)態(tài)改變表單中多個(gè)元素的value值。
這節(jié)主要學(xué)習(xí)了jQuery中的.html(),.text()和.val()三種方法的使用，最后總結(jié)一下這三個(gè)方法：
- .html()用為讀取和修改元素的HTML標(biāo)簽
- .text()用來(lái)讀取或修改元素的純文本內(nèi)容
- .val()用來(lái)讀取或修改表單元素的value值。
這三個(gè)方法功能上的對(duì)比
- .html(),.text(),.val()三種方法都是用來(lái)讀取選定元素的內(nèi)容；只不過(guò).html()是用來(lái)讀取元素的HTML內(nèi)容（包括其Html標(biāo)簽），.text()用來(lái)讀取元素的純文本內(nèi)容，包括其后代元素，.val()是用來(lái)讀取表單元素的"value"值。其中.和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上；另外.html()方法使用在多個(gè)元素上時(shí)，只讀取第一個(gè)元素；.val()方法和.html()相同，如果其應(yīng)用在多個(gè)元素上時(shí)，只能讀取第一個(gè)表單元素的"value"值，但是.text()和他們不一樣，如果.text()應(yīng)用在多個(gè)元素上時(shí)，將會(huì)讀取所有選中元素的文本內(nèi)容。
- .html(htmlString),.text(textString)和.val(value)三種方法都是用來(lái)替換選中元素的內(nèi)容，如果三個(gè)方法同時(shí)運(yùn)用在多個(gè)元素上時(shí)，那么將會(huì)替換所有選中元素的內(nèi)容。
- .html(),.text(),.val()都可以使用回調(diào)函數(shù)的返回值來(lái)動(dòng)態(tài)的改變多個(gè)元素的內(nèi)容。
- jquery獲取ASP.NET服務(wù)器端控件dropdownlist和radiobuttonlist生成客戶端HTML標(biāo)簽后的value和text值
- jQuery獲取文本節(jié)點(diǎn)之 text()/val()/html() 方法區(qū)別
- jquery text(),val(),html()方法區(qū)別總結(jié)
- jquery中html、val與text三者屬性取值的聯(lián)系與區(qū)別介紹
- 淺析JQuery中的html(),text(),val()區(qū)別
- JQuery中的html()、text()、val()區(qū)別示例介紹
- jQuery中text() val()和html()的區(qū)別實(shí)例詳解
相關(guān)文章
jQuery live( type, fn ) 委派事件實(shí)現(xiàn)
jQuery 1.3中新增的方法。給所有當(dāng)前以及將來(lái)會(huì)匹配的元素綁定一個(gè)事件處理函數(shù)（比如click事件）。也能綁定自定義事件。2009-10-10
利用jquery實(shí)現(xiàn)下拉框的禁用與啟用
本文主要介紹了jquery實(shí)現(xiàn)下拉框的禁用與啟用的具體代碼。代碼清晰，容易理解。有需要的朋友可以參考下，希望會(huì)對(duì)大家有所幫助2016-12-12
jquery 插件之仿“卓越亞馬遜”首頁(yè)彈出菜單效果
用jquery實(shí)現(xiàn)的彈出菜單插件2008-12-12
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)購(gòu)物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
jquery實(shí)現(xiàn)刪除一個(gè)元素后面的所有元素功能
這篇文章主要介紹了jquery實(shí)現(xiàn)刪除一個(gè)元素后面的所有元素功能，操作簡(jiǎn)單方便，感興趣的小伙伴們可以參考一下2015-12-12
jQuery確實(shí)是一項(xiàng)偉大的技術(shù)，通過(guò)jQuery的插件，我們可以方便的創(chuàng)建具有更好用戶界面的網(wǎng)站。在本文中，將和大家分享40個(gè)對(duì)你創(chuàng)建更好用戶界面的jQuery技術(shù)和教程。2011-01-01
詳解jQuery停止動(dòng)畫——stop()方法的使用
本文主要對(duì)jQuery停止動(dòng)畫——stop()方法的使用進(jìn)行詳細(xì)介紹，對(duì)學(xué)習(xí)jQuery動(dòng)畫有很好的幫助，下面就跟小編一起來(lái)看下吧2016-12-12
jQuery實(shí)現(xiàn)購(gòu)物車全功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)購(gòu)物車全功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
基于jquery創(chuàng)建的一個(gè)圖片、視頻緩沖的效果樣式插件
利用css和jquery創(chuàng)建一個(gè)動(dòng)畫效果的緩沖樣式插件，插件可以開(kāi)始、暫停、結(jié)束2012-08-08
jQuery左右滾動(dòng)支持圖片放大縮略圖圖片輪播代碼分享
這篇文章主要介紹了jQuery左右滾動(dòng)支持圖片放大縮略圖圖片輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08