首页 / JQUERY / jquery的功能函数
jquery的功能函数
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery的功能函数,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2224字,纯文字阅读大概需要4分钟。
内容图文
1.$.boxModel
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> var sBox = $.boxModel ? "标准W3C":"IE"; document.write("您的页面目前支持:"+sBox+"盒子模型"); </script> </head> <body> </body> </html>
运行结果:
您的页面目前支持:IE盒子模型
2.$.each() 遍历
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> 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>
运行结果:
序号:0 值:one 序号:1 值:two 序号:2 值:three 序号:3 值:four 序号:4 值:five 属性:one 值:1 属性:two 值:2 属性:three 值:3 属性:four 值:4 属性:five 值:5
3.$.grep()数据过滤
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> 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>
运行结果:
aArray: 2,9,3,8,6,1,5,9,4,7,3,8,6,9,1
aResult: 9,8,6,5,9,7,8,6,9
4.$.map()数组转换
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(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>
运行结果:
a,b,c,d,e
A0,B1,C2,D3,E4
A0A0,B1B1,C2C2,D3D3,E4E4
原文:http://www.cnblogs.com/mr-wuxiansheng/p/6349059.html
内容总结
以上是互联网集市为您收集整理的jquery的功能函数全部内容,希望文章能够帮你解决jquery的功能函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。