Jquery基礎使用

2021-08-27 10:12:41 字數 2715 閱讀 5464

選擇表示式可以是

css選擇器:

$(document) //

選擇整個文件物件

$('#myid') //

選擇id

為myid

的網頁元素

$('divmyclass') //

選擇class

為myclass

的div元素

$('input[name=first]') //

選擇name

屬性等於

first

的input元素

也可以是

jquery

特有的表示式:

$('a:first') //

選擇網頁中第乙個a元素

$('tr:odd') //

選擇**的奇數行

$('#myform :input') //

選擇表單中的

input元素

$('div:visible') //

選擇可見的

div元素

$('div:gt(2)') //

選擇所有的

div元素,除了前三個

$('div:animated') //

選擇當前處於動畫狀態的

div元素

$('div')has('p'); //

選擇包含

p元素的

div元素

$('div')not('myclass'); //

選擇class

不等於myclass

的div元素

$('div')filter('myclass'); //

選擇class

等於myclass

的div元素

$('div')first(); //

選擇第1

個div元素

$('div')eq(5); //

選擇第6

個div元素

jquery

也提供了在

dom樹上的移動方法:

$('div')next('p'); //

選擇div

元素後面的第乙個p元素

$('div')parent(); //

選擇div

元素的父元素

$('div')closest('form'); //

選擇離div

最近的那個

form

父元素

$('div')children(); //

選擇div

的所有子元素

$('div')siblings(); //

選擇div

的同級元素

html()

取出或設定

html內容

text()

取出或設定

text內容

attr()

取出或設定某個屬性的值

width()

取出或設定某個元素的寬度

height()

取出或設定某個元素的高度

val()

取出某個表單元素的值

jquerymobile api

defaultdialogtransition系統預設

dialog

顯示動畫,預設是

pop

defaultpagetransition系統預設

page

顯示動畫,預設是

fade

loadingmessage系統預設載入文字,預設是

loading

loadingmessagetextvisible

系統預設

載入文字是否可見,預設

false

pageloaderrormessage系統預設載入出錯顯示文字,預設

error loading page

page

改變事件

pagebeforechange,pagechange,pagechangefailed,pagebeforeshow,pagebeforehide,pageshow,pagehide,pagebeforecreate,pagecreate,pageinit

$.mobile.changepage( "about/us.html",  );
$.mobile.changepage( "searchresults.php", );
$.mobile.loadpage( "searchresults.php", );
$.mobile.showpageloadingmsg("b", "this is only a test", true);
$.mobile.hidepageloadingmsg();
$.mobile.fixed*******s.show(true);
.mobile.fixed*******s.show();
$.mobile.fixed*******s.hide(true);

jquery學習基礎使用

jquery獲取元素進行操作 一 基礎方式 四種 this hide 表示 jquery 的hide 函式,隱藏當前的 html 元素。test hide 表示 jquery 的hide 函式,隱藏id test 的元素。p hide 表示 jquery 的hide 函式,隱藏所有 元素。test ...

jQuery基礎使用 一

個人經驗,僅供參考,錯誤之處,敬請諒解 jquery物件與dom物件 jquery物件轉化為dom物件 var div div jquery物件 var div div.get 0 div.style.color red dom物件轉化為jquery物件 var div document.getel...

jQuery基礎使用與樣式篇

一 jquery 如何獲取元素 jquery 的最基本概念是 選擇一些元素並對其進行處理 可以使用css選擇器 myid 獲取id為 myid 的元素 myclass 獲取class為 myclass 的所有元素 input name first 獲取name屬性等於first的input元素 也可...