JQuery是继prototype之后又一个优秀的Java库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE6.0+, FF1.5+, Safari2.0+, Opera9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
成都创新互联公司为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名,让您的网站具备超强的网络竞争力!结合企业自身,进行网站设计及把握,最后结合企业文化和具体宗旨等,才能创作出一份性化解决方案。从网站策划到成都网站制作、成都网站设计, 我们的网页设计师为您提供的解决方案。
jQuery是当前很流行的一个Java框架,使用类似于CSS的选择器,可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少插件。
jQuery可以快速找到文档中的html元素,并对其进行操作,如隐藏、显示、改变样式、添加内容等。能够方便的在页面上添加和移除html元素。这些功能虽然使用Java也能实现,但是jQuery绝对使这些工作变得更加简单。
!DOCTYPE htmlhtmlhead
meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /
meta http-equiv="Cache-Control" content="max-age=288000" /
meta name="viewport" content="width=device-width, initial-scale=1" /
meta name="apple-mobile-web-app-capable" content="yes" /
meta name="format-detection" content="telephone=no" /
titleXX系统/title
link rel="shortcut icon" href="/favicon.ico"
link href="/css/basic/jquery.mobile-1.3.2.min.css" rel="stylesheet" type="text/css" /
script type="text/javascript" src="/js/basic/jquery.js" /script
script type="text/javascript" src="/js/basic/jquery.mobile-1.3.2.min.js" /script
/headbody
div id="bodyDiv" data-role="page"
div data-role="header" data-position="fixed" data-theme="b" id="header"
a href="javaScript:$back()" data-icon="back" id="userBtn"返回/a
h1 style="color:#fff;text-shadow:1px 1px 0 gray;" XX系统/h1
/div
div data-role="content" class="content"
style type="text/css"
.ui-page{background:#EBEBEB;}
p.backbg{
font-size: 1.5em;
font-weight: bold;
color: #2EB1E8;
}
/style
p class="backbg"系统工具下载/p
/div
div data-role="footer" data-position="fixed" data-theme="b"
/div
/div
/body/html
script type="text/javascript"
JQ(document).ready(function() {
});
/script
一个简单的页面代码如上,其实一般的结构就是固定的页眉页脚,中间部分就是内容
selector属性可以与context配合使用,用于精确检测选择器查询情况。
语法结构:
复制代码代码如下:
$("selector").selector
实例代码:
复制代码代码如下:
!DOCTYPE html
html
head
meta charset=" utf-8"
meta name="author" content="" /
title脚本之家/title
script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"/script
script type="text/javascript"
$(document).ready(function(){
$("#btn").click(function(){
$("div").text("原始选择器是:"+$("ul li").selector);
})
});
/script
/head
body
div/div
button id="btn"点击查看实例/button
/body
/html