`

jquery 功能函数

阅读更多
<!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功能函数JQuery功能函数

    T24.4_JQuery功能函数 java 经典教程 经典教材

    T24.4_JQuery功能函数 java 经典教程 经典教材

    JQuery常用函数及功能

    JQuery常用函数及功能 这些很好用!对javascript 很有帮助

    jQuery功能函数详解

    主要详细介绍了一些jQuery功能函数,例如浏览器检测,字符串处理、数组的编辑等,需要的朋友可以参考下

    jQuery动画特效---精通JavaScript+jQuery

    JavaScript/CSS/DOM基础 第0课 - 内容概述 - [精通...第13课 - jQuery功能函数 - [精通JavaScript+jQuery] 第14课 - jQuery与Ajax - [精通JavaScript+jQuery] 第15课 - jQuery插件 - [精通JavaScript+jQuery]

    jquery 城市选择控件

    jquery 城市选择控件 文本框获得焦点,在下方弹出悬浮层,分组选择城市。 解决了 http://bbs.csdn.net/topics/390339668#new_post 问题

    常用的JQuery函数及功能小结_.docx

    常用的JQuery函数及功能小结_.docx

    JQuery核心函数是什么及使用方法介绍

    熟悉jQuery还是先从核心函数入手比较好,后面其他的功能都是在此核心函数的基础上扩展的。 jQuery 核心函数 jQuery(expression, [context]) jQuery(html, [ownerDocument]) jQuery(html, props) jQuery(elements)...

    jQuerycountdown是一款功能齐全的jQuery倒计时插件

    jQuery.countdown是一款功能齐全的jQuery倒计时插件。jQuery.countdown.js一个文件中集合了所有的倒计时功能,它能够显示各种时间格式,并提供回调函数。

    jQuery常用功能大全

    4、同一函数实现set和get; 5、集合处理功能; 6、扩展我们需要的功能; 7、支持方法的连写; 8、操作元素的样式; 9、完善的事件处理功能; 10、几个实用特效功能; 11、几个有用的jQuery方法; 12、解决自定义方法...

    jQuery使用手册 jquery入门教程

    jquery入门教程 从零开始学习jQuery (一) 开天辟地入门篇 ...从零开始学习jQuery (九) jQuery 工具函数 从零开始学习jQuery (十) jQueryUI 常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件

    第四章-JQUERY-功能函数

    NULL 博文链接:https://fangyong2006.iteye.com/blog/707819

    jQuery基础.pptx

    jQuery是一个JavaScript函数库 轻量级,“写的少,做的多” 包含以下功能: HTML元素选取 HTML元素操作 CSS操作 HTML时间函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX(异步 JavaScript 和 XML。) 2、jQuery...

    jQuery学习笔记之2个小技巧

    1.jQuery功能函数前缀 在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能,在师院jQuery后,便...

    jquery 入门文档 从零开始学校jquery

    本系列文章导航 从零开始学习jQuery (一) 开天辟地入门...从零开始学习jQuery (九) jQuery工具函数 从零开始学习jQuery (十) jQueryUI常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件 整理发布

    尚硅谷_教学课件_jQuery

    尚硅谷关于jQuery学习的教学课件,有需要的可以下载参考(*^▽^*)

    jQuery基础的工厂函数以及定时器的经典实例分析

    1.1 定义: jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装, 1.2 作用: 许多使用JavaScript能实现的交互特效,使用jQuery都能完美地实现,下面通过五个用途来更多的了解。 1.2.1 访问和操作...

    Jquery源码(包含Jq用到的所有函数体)

    jQuery本质上就是用javascript代码写成的各种方法的集合。但是javascript本身不是已经提供了各种各样的方法和功能了吗?为什么还要再另外写一个库出来呢?原因其实很好猜,那肯定是我们要写的这个库比javascript提供...

    jQuery常用功能大全(完整版)

    4、同一函数实现set和get; 5、集合处理功能; 6、扩展我们需要的功能; 7、支持方法的连写; 8、操作元素的样式; 9、完善的事件处理功能; 10、几个实用特效功能; 11、几个有用的jQuery方法; 12、解决...

Global site tag (gtag.js) - Google Analytics