JQuery基本用法總結

2021-07-10 08:00:46 字數 1353 閱讀 4157

1.css選擇器

-$(documnet).css() //選擇整個文件物件

-$('#myid') //選擇id=myid的元素

-$('div .myclass') //選擇class為myclass的div元素

2.jquery特有的表示式

-$('a:first') //選擇網頁中的第乙個a元素

-$('tr:odd') //選擇**的奇數行

-$('div:visible')//選擇可見的div元素

過濾器

-$('div').has('p'); //選擇包含p元素的div元素

-$('div').not('.myclass') //選擇class不等於myclass的div元素

-$('div').filter('.myclass') //選擇class等於myclass的div元素

相鄰元素查詢

-$('div').next('p'); //選擇div元素後面的第乙個p元素

-$('div').parent(); //選擇div元素的父元素

-$('div').children;//選擇div的所有子元素

3.jquery方法函式化

鏈式操作

$('div').find('h3').eq(2).html('hello');

find('h3') 選擇其中的h3元素

eq(2)選擇其中第三個h3元素

html('html') 將其內容改為hello

end()返回上一步操作的結果集

4.元素移動位置

$('div').insertafter($('p'));

$('p').after('div');

區別:操作的元素不同 前面$()誰就是操作誰

5.jquery的工具方法

$.each(function());

jquery基本用法

原文出處 函式描述 selector hide 隱藏被選元素 selector show 顯示被選元素 selector toggle 切換 在隱藏與顯示之間 被選元素 selector slidedown 向下滑動 顯示 被選元素 selector slideup 向上滑動 隱藏 被選元素 sel...

jQuery基本用法

jquery就是乙個工具,它對獲取物件和操作物件進行了封裝,提供了非常簡單的解決方案。jquery物件和js原生物件的區別 jquery可以使用jquery封裝的各種便利的方法。js原生物件 jquery物件.get 0 jquery物件 0 獲取物件 利用css的選擇器獲取物件 基本選擇器 id ...

jquery基本用法一

1.學習例項 一 1 顯示,隱藏和改變msg內容 hello,word 2 另一種方式如下 二 動態建立元素 1.通過dom建立動態元素 function createelement 2.通過jquery動態建立元素 innerhtml 3.第三種方式 jquery內部使用document.crea...