Jquery基础应用

Jquery基础使用

选择表达式可以是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", { transition: "slideup"} );

$.mobile.changePage( "searchresults.php", {

???????? type: "post",

???????? data: $("form#search").serialize()

});

$.mobile.loadPage( "searchresults.php", {

???????? type: "post",

???????? data: $("form#search").serialize()

});

$.mobile.showPageLoadingMsg("b", "This is only a test", true);

$.mobile.hidePageLoadingMsg();

$.mobile.fixedToolbars.show(true);

.mobile.fixedToolbars.show();

$.mobile.fixedToolbars.hide(true);

?http://www.xyzlady.com