jQuery常用方法合集 1

2021-09-11 03:23:07 字數 2933 閱讀 1573

選擇器

基本選擇器、層級選擇器、屬性選擇器 與css類似,這裡不再細說,詳細猛戳這裡。

基本篩選器

複製**

$(『li:first』) //第乙個元素

$(『li:last』) //最後乙個元素

$(「tr:even」) //索引為偶數的元素,從 0 開始

$(「tr:odd」) //索引為奇數的元素,從 0 開始

$(「tr:eq(1)」) //給定索引值的元素

$(「tr:gt(0)」) //大於給定索引值的元素

$(「tr:lt(2)」) //小於給定索引值的元素

$(":focus") //當前獲取焦點的元素

$(":animated") //正在執行動畫效果的元素

複製**

內容選擇器

$(「div:contains(『nick』)」) //包含nick文字的元素

$(「td:empty」) //不包含子元素或者文字的空元素

$(「div:has§」) //含有選擇器所匹配的元素

$(「td:parent」) //含有子元素或者文字的元素

表單選擇器

複製**

$(":input") //匹配所有 input, textarea, select 和 button 元素

$(":text") //所有的單行文字框

$(":password") //所有密碼框

$(":radio") //所有單選按鈕

$(":checkbox") //所有核取方塊

$(":submit") //所有提交按鈕

$(":reset") //所有重置按鈕

$(":button") //所有button按鈕

$(":file") //所有檔案域

$(「input:checked」) //所有選中的元素

$(「select option:selected」) //select中所有選中的option元素

複製**

篩選器過濾

$(「p」).eq(0) //當前操作中第n個jquery物件,類似索引

$(『li』).first() //第乙個元素

$(『li』).last() //最後乙個元素

$(this).hasclass(「test」) //元素是否含有某個特定的類,返回布林值

$(『li』).has(『ul』) //包含特定後代的元素

查詢複製**

$(「div」).children() //div中的每個子元素,第一層

$(「div」).find(「span」) //div中的包含的所有span元素,子子孫孫

$(「p」).next()    //緊鄰p元素後的乙個同輩元素

$(「p」).nextall() //p元素之後所有的同輩元素

$("#test").nextuntil("#test2") //id為"#test"元素之後到id為』#test2』之間所有的同輩元素,掐頭去尾

$(「p」).prev() //緊鄰p元素前的乙個同輩元素

$(「p」).prevall() //p元素之前所有的同輩元素

$("#test").prevuntil("#test2") //id為"#test"元素之前到id為』#test2』之間所有的同輩元素,掐頭去尾

$(「p」).parent() //每個p元素的父元素

$(「p」).parents() //每個p元素的所有祖先元素,body,html

$("#test").parentsuntil("#test2") //id為"#test"元素到id為』#test2』之間所有的父級元素,掐頭去尾

$(「div」).siblings() //所有的同輩元素,不包括自己

複製**

三、屬性操作

基本屬性操作

複製**

$(「img」).attr(「src」);        //返回文件中所有影象的src屬性值

$(「img」).attr(「src」,「test.jpg」); //設定所有影象的src屬性

$(「img」).removeattr(「src」);    //將文件中影象的src屬性刪除

$(「input[type=『checkbox』]」).prop(「checked」, true); //選中核取方塊

$(「input[type=『checkbox』]」).prop(「checked」, false);

$(「img」).removeprop(「src」);    //刪除img的src屬性

複製**

css類

$(「p」).addclass(「selected」);   //為p元素加上 『selected』 類

$(「p」).removeclass(「selected」); //從p元素中刪除 『selected』 類

$(「p」).toggleclass(「selected」); //如果存在就刪除,否則就新增

html**/文字/值

$(『p』).html();            //返回p元素的html內容

$(「p」).html(「hellonick!」); //設定p元素的html內容

$(『p』).text();            //返回p元素的文字內容

$(「p」).text(「nick」);        //設定p元素的文字內容

$(「input」).val();          //獲取文字框中的值

$(「input」).val(「nick」);      //設定文字框中的內容

四、css操作

樣式$(「p」).css(「color」); //訪問檢視p元素的color屬性

$(「p」).css(「color」,「red」); //設定p元素的color屬性為red

$(「p」).css(); //設定p元素的color為red,background屬性為yellow(設定多個屬性要用{}字典形式)

jQuery常用方法合集 2

val方法 val方法用於設定和獲取表單元素的值,例如input textarea的值 設定值 name val 張三 獲取值 name val html方法與text方法 html方法相當於innerhtml text方法相當於innertext 設定內容 div html 這是一段內容 獲取內容...

EasyUi Tree Tree常用方法合集

專案中用到了 對easyui tree 右移到 右邊 select 中,然後 將右側 select 中移除時,需要取消左側的tree功能,如下 獲取 右側的 select 物件 var select validobj document.getelementbyid select標籤的id 獲取 tr...

jQuery文件操作常用方法1

目錄外部插入 替換刪除 語法 引數描述 content 必需。規定要插入的內容 可包含 html 標籤 selector 必需。規定把內容追加到哪個元素上。例項 button click function prependto 方法在被選元素的開頭 仍位於內部 插入指定內容。語法 content pr...