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