資訊專(zhuān)欄INFORMATION COLUMN
摘要：一選擇器部分選擇不同的選擇被選中的選擇父類(lèi)元素僅限于直接父類(lèi)元素只要是父類(lèi)元素即可，能向父級(jí)多級(jí)查找選擇子類(lèi)元素選擇兄弟元素二插入和刪除元素插入在被選元素的結(jié)尾插入內(nèi)容請(qǐng)選擇在被選元素的開(kāi)頭插入內(nèi)容在被選元素之前插入內(nèi)容在被選元素之后插入內(nèi)
一、選擇器部分
$("input[type="radio"]") 選擇不同 type 的 input
$("input[type="radio"]:checked") 選擇被選中的 radio
選擇父類(lèi)元素
$selector.parent("td") 僅限于直接父類(lèi)元素 parent
$(this).parents(".content") 只要是父類(lèi)元素即可，能向父級(jí)多級(jí)查找 parents
選擇子類(lèi)元素
$ele.children("p.tip");
$this.siblings(".content").find("textarea")
選擇兄弟元素 $selector.parent("td").siblings(".title")
二、插入和刪除元素 1. 插入
在被選元素的結(jié)尾插入內(nèi)容
$ele.append(" 請(qǐng)選擇
");
在被選元素的開(kāi)頭插入內(nèi)容
$(".must").prepend("* ");
在被選元素之前插入內(nèi)容
$(".item:eq(2)").before($(".milestone"));
在被選元素之后插入內(nèi)容
$(".item:eq(2)").after($(".milestone"));
2. 刪除
remove() 刪除被選元素（及其子元素），可傳入?yún)?shù)（選擇器）作為過(guò)濾條件
$tip.remove()` 或 `$("p").remove(".italic");
empty() 刪除被選元素的子元素
$tip.empty()三、設(shè)置元素樣式 四、動(dòng)畫(huà) 1. animate 動(dòng)畫(huà)使用固定值
$dialog.animate({
top: "60px"
})
2. animate 動(dòng)畫(huà)使用相對(duì)值
$dialog.animate({
top: "-=60px"
})
3. 判斷當(dāng)前是否有動(dòng)畫(huà)尚未執(zhí)行完畢
如果正在執(zhí)行動(dòng)畫(huà)返回 true
$(".box").is(":animated")
五、獲取和設(shè)置元素的值
獲取文本域的輸入的內(nèi)容
var $val = $this.siblings(".content").find("textarea").val();
獲取屬性值
var id = $(this).parents(".item").attr("id");
六、其他的一些方法
清空被選中的 radio
$("input[type="radio"]").removeAttr("checked");
判斷 radio 是否被選中
$(this).is(":checked")
判斷元素是否具有指定的類(lèi)名
$(this).hasClass("bad")
jQuery 對(duì)象有 length 屬性，該屬性表示選中的 DOM 元素的個(gè)數(shù)
if($radiosChecked.length != 2) {}
判斷選中元素是否為 display:none 狀態(tài)
if(!$(this).is(":hidden")) {}
序列化表單數(shù)據(jù)，用于 ajax 提交表單數(shù)據(jù)
$("form").serialize()
輸入框失去焦點(diǎn)
$("input").blur(function () {});
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/84709.html
摘要：最近在項(xiàng)目中使用到設(shè)置，使用場(chǎng)景是頁(yè)面上有三類(lèi)單選框，一個(gè)是全選所有頁(yè)數(shù)據(jù)一個(gè)是選擇當(dāng)前頁(yè)，一個(gè)是選擇一條，也算常用的場(chǎng)景。的屬性在頁(yè)面首次加載時(shí)就確定。最后，總結(jié)下獲取和設(shè)置屬性的方法。 最近在項(xiàng)目中使用到j(luò)Query設(shè)置checkbox，使用場(chǎng)景是頁(yè)面上有三類(lèi)單選框，一個(gè)是全選所有頁(yè)數(shù)據(jù)(id=cb1),一個(gè)是選擇當(dāng)前頁(yè)(id=cb2)，一個(gè)是選擇一條(name=cb3)，也算常用...
摘要：根據(jù)以上信息，簡(jiǎn)單的總結(jié)一下選擇符應(yīng)該是唯一的，不需要添加額外的選擇符。利用這一點(diǎn)，可以大大簡(jiǎn)化事件的綁定。然而，出于一致性考慮，可以簡(jiǎn)單的全部使用方法。事實(shí)上，這種處理完全不必要。我這干脆就簡(jiǎn)單起個(gè)小結(jié)吧。 前言 之前一段時(shí)間一直在進(jìn)行舊項(xiàng)目的重構(gòu)，發(fā)現(xiàn)了很多問(wèn)題，系統(tǒng)用的庫(kù)是jQuery, 主要是用著方便，其他同事，包括一些外包同事，對(duì)這個(gè)庫(kù)也比較熟悉 。這里就對(duì)一些常見(jiàn)的問(wèn)題，結(jié)...
摘要：規(guī)定查詢(xún)時(shí)要顯示的條目的最大值。用于自動(dòng)高亮突出顯示結(jié)果。其值可以是關(guān)鍵字符串，或者是將推薦對(duì)象轉(zhuǎn)換為的函數(shù)。默認(rèn)為移除功能，并將元素的狀態(tài)重置為原始狀態(tài)。關(guān)閉的下拉菜單。實(shí)屬原創(chuàng)，如有錯(cuò)誤，煩請(qǐng)指教 前言：最近有個(gè)輸入框自動(dòng)補(bǔ)全的需求，例如百度搜索功能： showImg(https://segmentfault.com/img/bVzusL); 在輸入框輸入信息后，自動(dòng)提示補(bǔ)全。我選...
摘要：前言得益于金三銀四，在最近一段時(shí)間，面試了一些人，但是符合的寥寥無(wú)幾?？吹轿业拿嬖囶}自己寫(xiě)的面試題，自己想的答案。聽(tīng)人說(shuō)過(guò)一個(gè)面試套路面試官問(wèn)的問(wèn)題，可能面試官自己都不懂，目的只是為了壓工資，挫士氣。不過(guò)我是為了測(cè)試面試者是不是真的精通。 技術(shù)在不斷的創(chuàng)新，隨著框架，庫(kù)，構(gòu)建工具，打包工具，版本控制工具等操作越來(lái)越方便，使用越來(lái)越簡(jiǎn)單。面對(duì)這樣的情況，除了興奮，也要警惕。這些工具使得開(kāi)...
摘要：從導(dǎo)入外部幫助庫(kù)比如，等編譯過(guò)程中打印文件名移除注釋允許編譯文件解析非相對(duì)模塊名的基準(zhǔn)目錄指定特殊模塊的路徑編譯過(guò)程中需要引入的庫(kù)文件的列表 { // 編譯選項(xiàng) compilerOptions: { // 輸出目錄 outDir: ./output, // 是否包含可以用于 debug 的 sourceMap sourceMap: true, // 以嚴(yán)格模式解析 ...
閱讀 553·2021-10-19 11:45
閱讀 1364·2021-09-30 09:48
閱讀 1478·2021-08-16 10:56
閱讀 742·2021-07-26 23:38
閱讀 3214·2019-08-30 13:15
閱讀 2600·2019-08-30 12:45
閱讀 1833·2019-08-29 12:14
閱讀 2082·2019-08-26 18:42
