jQuery知識點總結
阿新 • • 發佈:2018-11-01
第一部分:
1,DOM物件和jquery物件
通過$()函式,jQuery()函式獲取的物件 都是js物件,
用$(dom)包裹dom物件,可以將dom物件轉變為jquery物件
jquery物件常用方法,eq方法(下標獲取元素),index()獲取物件的下標
2,選擇器
基本選擇器: 標籤,類 id選擇器, 交集 並集
層級選擇器: 子代 後代選擇器
過濾選擇器: :odd :奇數 :even:偶數 :eq:指定下標
篩選選擇器: children():找兒子 find():找後代 siblings():找兄弟 ,不包括自己
next():找下一個兄弟 prev 是一個兄弟
gt():大於 lt():小於 eq()指定下標 index()返回當前元素的下標
//案例:
<body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> <script src="jquery-1.12.4.js"></script> <script> $(function(){ $('li:even').css('backgroundColor','red'); $('li:odd').css('backgroundColor','green'); $('li:eq(5)').css('color','yellow');//下標等於5的元素,獲得該樣式 $('li:gt(5)').css('fontSize','32px');//下標大於5的元素,獲得這個樣式 $('li:lt(3)').css('fontSize','10px');//下標小於3的元素 ,獲得該樣式 }) </script> </body>
第二部分:
1,操縱樣式 css class
2,操縱屬性 attr prop
3,操縱動畫 slidDown slidUp fadeIn fadeOut animate
4,操縱節點, 刪除節點
第三部分:
1,val方法,html,text,
2,width,height,scrollTop scrollLeft offset position 等方法
3,事件歷程,事件註冊,事件解綁事件物件阻止冒泡
4,each方法 衝突解決