三个选择器可以组合使用 $("p.test") 找出所有<p>标记class属性为test的组件 常用的选择和搜索法 $("*")选择所有组件("∗")选择所有组件(this) 选择当前组件 $("p:first")选择第一个<p>("p:first")选择第一个<p>("[href]") 选择含有href属性的组件 $("tr:even")选择偶数<tr>("tr:even")选择偶数<tr>("tr:odd") 选择奇数<tr> $("div p")选择<div>中含<p>的组件("divp")选择<div>中含<p>的组件("div").find("p") 搜索div中的<p>组件 $("div").next("p")搜索<div>组件之后的第一个<p>组件("div").next("p")搜索<div>组件之后的第一个<p>组件("li").eq(2) 搜索第三个<li> ，eq(2)是因为组件位置下标，类似于数组下标，从0开始 ch10_04.html实践一下$('li').eq(2).css("background-color","red"); 注意：jQuery与JavaScript一样，并不限定使用单引号、双引号。
$("*")选择所有组件("∗")选择所有组件(this) 选择当前组件 $("p:first")选择第一个<p>("p:first")选择第一个<p>("[href]") 选择含有href属性的组件 $("tr:even")选择偶数<tr>("tr:even")选择偶数<tr>("tr:odd") 选择奇数<tr> $("div p")选择<div>中含<p>的组件("divp")选择<div>中含<p>的组件("div").find("p") 搜索div中的<p>组件 $("div").next("p")搜索<div>组件之后的第一个<p>组件("div").next("p")搜索<div>组件之后的第一个<p>组件("li").eq(2) 搜索第三个<li> ，eq(2)是因为组件位置下标，类似于数组下标，从0开始 ch10_04.html实践一下$('li').eq(2).css("background-color","red"); 注意：jQuery与JavaScript一样，并不限定使用单引号、双引号。
目的是希望统一当前移动设备的用户界面UI 优点： 跨平台（apple/Android/BlackBerry/WindowsPhone/Symbian/MeeGo)易学（通过HTML5的标记与CSS规范来配置与美化页面，架构清晰、易于学习）提供多种函数库，减少编程时间多样布景主题和ThemeRoller工具（jQuery UI的ThemeRoller online tools，只要通过下拉菜单即可设置） 操作流程： 1）新增HTML文件 2）声明HTML5 Document 3）载入jQuery Mobile CSS、jQuery与jQuery Mobile链接库 4）使用jQuery Mobile定义的HTML标准，编写网页构架及内容 移动设备模拟器： 1）mobilizer: http://www.springbox.com/mobilizer 貌似已不可用，到sourceforge 下载并安装 2）http://www.opera.com/developer/tools/mobile，貌似也已不可用 官方都不提供了，只能在百度上找。 chrome也提供模拟器 <head>中添加<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js></script> jQuery Mobile函数库仍然在开发中，版本会更迭。 在<body>标记区域开始添加程序代码 jQuery Mobile网页是由 header、content与footer3个区域组成的架构，利用div标记加上HTML5自定义属性（HTML5 Custom Data Attributes）data-*来定义移动设备网页组件样式。 最基本的属性data-role用来定义移动设备的页面架构 <div data-role="page"> //开始一个page <div data-role="header"> 标题（header） </div> <div data-role="content"> 网页内容 </div> <div data-role="footer"> footer内容 </div> </div>
1）新增HTML文件 2）声明HTML5 Document 3）载入jQuery Mobile CSS、jQuery与jQuery Mobile链接库 4）使用jQuery Mobile定义的HTML标准，编写网页构架及内容
1）mobilizer: http://www.springbox.com/mobilizer 貌似已不可用，到sourceforge 下载并安装 2）http://www.opera.com/developer/tools/mobile，貌似也已不可用 官方都不提供了，只能在百度上找。 chrome也提供模拟器 <head>中添加<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js></script> jQuery Mobile函数库仍然在开发中，版本会更迭。 在<body>标记区域开始添加程序代码 jQuery Mobile网页是由 header、content与footer3个区域组成的架构，利用div标记加上HTML5自定义属性（HTML5 Custom Data Attributes）data-*来定义移动设备网页组件样式。 最基本的属性data-role用来定义移动设备的页面架构 <div data-role="page"> //开始一个page <div data-role="header"> 标题（header） </div> <div data-role="content"> 网页内容 </div> <div data-role="footer"> footer内容 </div> </div>
请注明：姓名-公司-职位
以便审核进群资格，未注明则拒绝
扫码加好友，拉您进群
全部版块
我的主页
收藏
[em17]
