<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.browser对象</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
function detect(){
if($.browser.msie)
return "IE";
if($.browser.mozilla)
return "Mozilla";
if($.browser.safari)
return "Safari";
if($.browser.opera)
return "Opera";
}
var sBrowser = detect();
document.write("您的浏览器是:"+sBrowser+"<br>版本为:"+$.browser.version)
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<title>$.boxModel对象</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var sBox = $.boxModel ? "标准W3C":"IE";
document.write("您的页面目前支持:"+sBox+"盒子模型");
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.boxModel对象</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var sBox = $.boxModel ? "标准W3C":"IE";
document.write("您的页面目前支持:"+sBox+"盒子模型");
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.each()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var aArray = ["one", "two", "three", "four", "five"];
$.each(aArray,function(iNum,value){
//针对数组
document.write("序号:" + iNum + " 值:" + value + "<br>");
});
var oObj = {one:1, two:2, three:3, four:4, five:5};
$.each(oObj, function(property,value) {
//针对对象
document.write("属性:" + property + " 值:" + value + "<br>");
});
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.each()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$.each($.browser, function(property,value) {
//遍历对象$.browser
document.write("属性:" + property + " 值:" + value + "<br>");
});
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.grep()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var aArray = [2, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1];
var aResult = $.grep(aArray,function(value){
return value > 4;
});
document.write("aArray: " + aArray.join() + "<br>");
document.write("aResult: " + aResult.join());
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.grep()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var aArray = [2, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1];
var aResult = $.grep(aArray,function(value, index){
//元素的值value和序号index同时判断
return (value > 4 && index > 3);
});
document.write("aArray: " + aArray.join() + "<br>");
document.write("aResult: " + aResult.join());
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.map()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
var aArr = ["a", "b", "c", "d", "e"];
$("p:eq(0)").text(aArr.join());
aArr = $.map(aArr,function(value,index){
//将数组转化为大写并添加序号
return (value.toUpperCase() + index);
});
$("p:eq(1)").text(aArr.join());
aArr = $.map(aArr,function(value){
//将数组元素的值双份处理
return value + value;
});
$("p:eq(2)").text(aArr.join());
});
</script>
</head>
<body>
<p></p><p></p><p></p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.map()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
var aArr = [0, 1, 2, 3, 4];
$("p:eq(0)").text("长度:" + aArr.length + ",值:" + aArr.join());
aArr = $.map(aArr,function(value){
//比1大的加1后返回,否则删除
return value>1 ? value+1 : null;
});
$("p:eq(1)").text("长度:" + aArr.length + ",值:" + aArr.join());
});
</script>
</head>
<body>
<p></p><p></p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.map()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
var aArr1 = ["one", "two", "three", "four five"];
aArr2 = $.map(aArr1,function(value){
//将单词拆成一个个字母
return value.split("");
});
$("p:eq(0)").text("长度:" + aArr1.length + ",值:" + aArr1.join());
$("p:eq(1)").text("长度:" + aArr2.length + ",值:" + aArr2.join());
});
</script>
</head>
<body>
<p></p><p></p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.inArray()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
var aArr = ["one", "two", "three", "four five", "two"];
var pos1 = $.inArray("two",aArr);
var pos2 = $.inArray("four",aArr);
$("p:eq(0)").text("“two”的位置:" + pos1);
$("p:eq(1)").text("“four”的位置:" + pos2);
});
</script>
</head>
<body>
<p></p><p></p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.getScript()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
$("input:first").click(function(){
$.getScript("13-12.js");
});
$("input:last").click(function(){
TestFunc();
});
});
</script>
</head>
<body>
<input type="button" value="Load Script">
<input type="button" value="DoSomething">
</body>
</html>
alert("Loaded!");
function TestFunc(){
alert("TestFunc");
}
分享到:
相关推荐
JQuery功能函数JQuery功能函数
T24.4_JQuery功能函数 java 经典教程 经典教材
JQuery常用函数及功能 这些很好用!对javascript 很有帮助
主要详细介绍了一些jQuery功能函数,例如浏览器检测,字符串处理、数组的编辑等,需要的朋友可以参考下
JavaScript/CSS/DOM基础 第0课 - 内容概述 - [精通...第13课 - jQuery功能函数 - [精通JavaScript+jQuery] 第14课 - jQuery与Ajax - [精通JavaScript+jQuery] 第15课 - jQuery插件 - [精通JavaScript+jQuery]
jquery 城市选择控件 文本框获得焦点,在下方弹出悬浮层,分组选择城市。 解决了 http://bbs.csdn.net/topics/390339668#new_post 问题
常用的JQuery函数及功能小结_.docx
熟悉jQuery还是先从核心函数入手比较好,后面其他的功能都是在此核心函数的基础上扩展的。 jQuery 核心函数 jQuery(expression, [context]) jQuery(html, [ownerDocument]) jQuery(html, props) jQuery(elements)...
jQuery.countdown是一款功能齐全的jQuery倒计时插件。jQuery.countdown.js一个文件中集合了所有的倒计时功能,它能够显示各种时间格式,并提供回调函数。
4、同一函数实现set和get; 5、集合处理功能; 6、扩展我们需要的功能; 7、支持方法的连写; 8、操作元素的样式; 9、完善的事件处理功能; 10、几个实用特效功能; 11、几个有用的jQuery方法; 12、解决自定义方法...
jquery入门教程 从零开始学习jQuery (一) 开天辟地入门篇 ...从零开始学习jQuery (九) jQuery 工具函数 从零开始学习jQuery (十) jQueryUI 常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
NULL 博文链接:https://fangyong2006.iteye.com/blog/707819
jQuery是一个JavaScript函数库 轻量级,“写的少,做的多” 包含以下功能: HTML元素选取 HTML元素操作 CSS操作 HTML时间函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX(异步 JavaScript 和 XML。) 2、jQuery...
1.jQuery功能函数前缀 在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能,在师院jQuery后,便...
本系列文章导航 从零开始学习jQuery (一) 开天辟地入门...从零开始学习jQuery (九) jQuery工具函数 从零开始学习jQuery (十) jQueryUI常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件 整理发布
尚硅谷关于jQuery学习的教学课件,有需要的可以下载参考(*^▽^*)
1.1 定义: jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装, 1.2 作用: 许多使用JavaScript能实现的交互特效,使用jQuery都能完美地实现,下面通过五个用途来更多的了解。 1.2.1 访问和操作...
jQuery本质上就是用javascript代码写成的各种方法的集合。但是javascript本身不是已经提供了各种各样的方法和功能了吗?为什么还要再另外写一个库出来呢?原因其实很好猜,那肯定是我们要写的这个库比javascript提供...
4、同一函数实现set和get; 5、集合处理功能; 6、扩展我们需要的功能; 7、支持方法的连写; 8、操作元素的样式; 9、完善的事件处理功能; 10、几个实用特效功能; 11、几个有用的jQuery方法; 12、解决...