jquery

一.解決多庫共存的問題

var aa=jQuery.noConflict()運行這個函數(shù)將變量$的控制權(quán)讓渡給第一個實現(xiàn)它的那個庫

(function($){
alert($);
})(jQuery)

二.選擇器
1. ul li ul下的所有l(wèi)i
2. ul>li 直屬子元素
3. + 下一個兄弟元素 不包含當(dāng)前元素
4. ~ 當(dāng)前元素后的所有兄弟元素 不包含當(dāng)前元素
5.:even()獲取出的是奇數(shù)行 偶數(shù)索引值
6:odd()獲取出的是偶數(shù)行 奇數(shù)索引值
7:nth-of-type();
8:only-child() 只能有唯一一個
9:hidden 匹配所有不可見元素
10:visible 匹配出所有的可見元素

三:方法
trigger() 在每一個匹配的元素上觸發(fā)某類事件。并且會執(zhí)行瀏覽器默認操作
triggerHandler()方法可以觸發(fā)元素的特定事件,同時取消瀏覽器對此事件的默認操作
hover() 合成事件 由mouseenter與mouseleave 最多有倆次事件處理程序
toggle() 合成事件 至少有倆次事件處理程序
mouseenter與mouseleave 不會冒泡的父元素
mouseover 和 mouseout 會冒泡
:empty() 匹配空元素
addClass('類名不用添加點') 添加類
slideDown() 向下展開
slideUp() 向上收起
filter() 在同級篩選
is(判斷是否有class名要加點) 至少有一個元素符合這個給定的表達式就返回true杆融,如果沒有元素符號,或者表達式無效玄货,都返回false
hassClass("類名不用加點") 檢查當(dāng)前的元素是否含有某個特定的類考榨,如果有双霍,則返回true
parent() 找上一級的父元素 僅限于使用倆次 不能過多使用不優(yōu)化
parents() 找祖先元素
closest() 返回最近的匹配元素
children() 找下一級的子元素
find() 找祖孫元素
next() 當(dāng)前元素的下一個兄弟
nextAll() 當(dāng)前元素的后的所有兄弟
prev() 當(dāng)前元素上一個兄弟
prevAll() 當(dāng)前元素的前的所有兄弟
siblings() 除了自己其他所有的兄弟
toggleClass() 切換類 有就刪除沒有添加
toggle() 切換顯示隱藏
end() 將匹配的元素列表變?yōu)榍耙淮蔚臓顟B(tài) 回到最近的一個"破壞性"操作之前 鏈式操作
data() 只獲取帶有data屬性的元素
innerWidth() 獲取元素本身的寬+padding(填充)
outerWidth() 獲取元素本身的寬+padding(填充)+border
outerWidth(true) 獲取元素本身的寬+padding(填充)+border+boeder+margin
slice(start,end) 可以截一個集合
size() jQuery size() js與length一樣
has() 從元素集合中查找含有指定子元素的元素。

內(nèi)部插入

父元素.append(子元素) 向父元素內(nèi)容的尾部追加
子元素.appendTo(父元素)
父元素.prepend(子元素) 向父元素內(nèi)容的前面追加
子元素.prependTo(父元素)

包裹

.wrap() 把所有匹配的元素用其他元素的結(jié)構(gòu)化標記包裹起來
.unwrap() 取消包裹
.wrapAll() 把匹配到的每一個元素用一個標簽包裹起來
.wrapInner() 把每一個匹配的元素的子內(nèi)容用一個標簽包裹起來

刪除

.empty() 清空一個元素保留本身 刪除匹配的元素集合中所有的子節(jié)點挪钓。
.remove() 刪除一個元素

克隆

clone() 復(fù)制一個元素true表示復(fù)制子元素  false表示只復(fù)制結(jié)構(gòu)  

四:attr和prop
一個值表示獲取屬性是越,倆個值表示設(shè)置屬性

對與html元素自定義屬性用attr來獲取設(shè)置,但是id class src href..這些屬性也用attr來獲取更好

對于html元素固有屬性用prop來獲取或設(shè)置,但是用prop來設(shè)置返回布爾值的元素更好一些

五: each

$.each()用于遍歷數(shù)組和對象多一些
$(jq對象).each()用于jq對象多一些

1.遍歷一維數(shù)組
var arr=['one','two','three']
$.each(arr,function(i,val){
console.log(i)//數(shù)組中元素的下標
console.log(val)//數(shù)組中元素的下標對應(yīng)的值
})
2.遍歷二維數(shù)組
var arr2=[['one','two','three'],['four','five','six']]
$.each(arr,function(i,val){
$.each(val,function(i,v){

     })
})

3.遍歷對象
var obj={"name":"zs","id":"160"}
$.each(obj,function(key,val){
console.log(key) name id
console.log(val) zs id
})

  1. var data = [
    {"haha": "123" },
    {"haha": "123" },
    {"haha": "123" },
    {"haha": "123"}
    ]
    $.each(data, function(i, v) {
    console.log(i) // 01234
    console.log(v) // {"haha": "123"}{"haha": "123"}{"haha": "123"}
    console.log(v.haha) //123
    })

  1. $.inArray(要查找的值,待處理數(shù)組); 找到返回的下標诵原,找不到返回-1

  2. $.isFunction()檢測一個對象是否是函數(shù)
    -------------------------------------------------------------------------------------一:
    on() 時間代理 能找到的父元素.on("事件類型","代理的子元素")
    off(要移除的事件)

delegate()  專做時間代理   能找到的父元素.delegate("代理的子元素","事件類型")
undelegate(要移除的事件)

live()  可以直接給后添加的元素綁定事件 但是查找范圍太大(從根元素開始查找)1.7版本以后此方法已被廢除
能找到的父元素.live("事件類型")
die(要移除的事件)

bind()不能給后添加的做代理
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末英妓,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子绍赛,更是在濱河造成了極大的恐慌,老刑警劉巖辑畦,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吗蚌,死亡現(xiàn)場離奇詭異,居然都是意外死亡纯出,警方通過查閱死者的電腦和手機蚯妇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來暂筝,“玉大人箩言,你說我怎么就攤上這事』澜螅” “怎么了陨收?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長鸵赖。 經(jīng)常有香客問我务漩,道長,這世上最難降的妖魔是什么它褪? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任饵骨,我火速辦了婚禮,結(jié)果婚禮上茫打,老公的妹妹穿的比我還像新娘居触。我一直安慰自己,他們只是感情好老赤,可當(dāng)我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布轮洋。 她就那樣靜靜地躺著,像睡著了一般诗越。 火紅的嫁衣襯著肌膚如雪砖瞧。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天嚷狞,我揣著相機與錄音块促,去河邊找鬼荣堰。 笑死,一個胖子當(dāng)著我的面吹牛竭翠,可吹牛的內(nèi)容都是我干的振坚。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼斋扰,長吁一口氣:“原來是場噩夢啊……” “哼渡八!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起传货,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤屎鳍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后问裕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體逮壁,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年粮宛,在試婚紗的時候發(fā)現(xiàn)自己被綠了窥淆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡巍杈,死狀恐怖忧饭,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情筷畦,我是刑警寧澤词裤,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站汁咏,受9級特大地震影響亚斋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜攘滩,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一帅刊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧漂问,春花似錦赖瞒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至磷仰,卻和暖如春袍嬉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工伺通, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留箍土,地道東北人。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓罐监,卻偏偏與公主長得像吴藻,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子弓柱,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,612評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式沟堡。設(shè)計者無需花費時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,167評論 0 1
  • $(”p”).addClass(css中定義的樣式類型); 給某個元素添加樣式 $(”img”).attr({sr...
    專注寒冰三千歲閱讀 504評論 0 4
  • //------------------------- 第一章 認識JQuery ----------------...
    米塔塔閱讀 707評論 0 9
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式矢空。設(shè)計者無需花費時間糾纏JS復(fù)雜的高級特性航罗。 1....
    LaBaby_閱讀 1,330評論 0 2
  • 1 有那么一個對的人,總在最需要的時候出現(xiàn)攙扶著自己妇多,當(dāng)自己變得強大伤哺,不再需要拐杖...
    素衣念慈閱讀 554評論 0 3