重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
var uls=document.getElementsByTagName('ul');
创新互联主营建始网站建设的网络公司,主营网站建设方案,重庆APP开发,建始h5微信平台小程序开发搭建,建始网站营销推广欢迎建始等地区企业咨询
取出最大高度
var maxHeight=0;
for(var i=0;iuls.lenght;i++)
{
maxHeight=uls[i].offsetHeightmaxHeight?uls[i].offsetHeight:maxHeight;
}
所有ul都使用最高度
for(var n=0;nuls.lenght;n++)
{
uls[i].style.height=maxHeight+"px";
}
ul里要加上style="height:";
!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
一个简单的页面代码如上,其实一般的结构就是固定的页眉页脚,中间部分就是内容
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绝对使这些工作变得更加简单。
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