- 浏览: 416301 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
jxausea:
java.io.IOException: Keystore w ...
一个opoenfire与smack的例子 -
517913840:
请问 为什么我用roster.getPresence取用户的在 ...
一个opoenfire与smack的例子 -
cymmint:
请了,大哥
轻松利用JQuery实现ajax跨域访问 -
lishujuncat:
多谢,学下了
一个opoenfire与smack的例子 -
InSoNia:
不错
最简单的ajax例子
JQuery拿取对象的方式
$(‘#id’) :通过元素的id
$(‘tagName’) : 通过元素的标签名
$(‘tagName tagName’) : 通过元素的标签名,eg: $(‘ul li’)
$(‘tagName#id): 通过元素的id和标签名
$(‘:checkbox’):拿取input的 type为checkbox’的所有元素:
Eg: <input type="checkbox" name="appetizers"
value="imperial"/>
$('span[price] input[type=text]') :拿取下面的input元素
<span price="3">
<input type="text" name="imperial.quantity"
disabled="disabled" value="1"/>
</span>
$('div',$(this).parents('div:first')):拿取该div的上(至少都是父节点)的第一个div节点
$('~ span:first',this): locates the first sibling of this that’s a <span> element.
延迟加载js文件:
$.getScript
例子:
Html文件:
Js文件:
jquery数组处理:
$(‘#id’) :通过元素的id
$(‘tagName’) : 通过元素的标签名
$(‘tagName tagName’) : 通过元素的标签名,eg: $(‘ul li’)
$(‘tagName#id): 通过元素的id和标签名
$(‘:checkbox’):拿取input的 type为checkbox’的所有元素:
Eg: <input type="checkbox" name="appetizers"
value="imperial"/>
$('span[price] input[type=text]') :拿取下面的input元素
<span price="3">
<input type="text" name="imperial.quantity"
disabled="disabled" value="1"/>
</span>
$('div',$(this).parents('div:first')):拿取该div的上(至少都是父节点)的第一个div节点
$('~ span:first',this): locates the first sibling of this that’s a <span> element.
延迟加载js文件:
$.getScript
例子:
Html文件:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>$.getScript Example</title> <link rel="stylesheet" type="text/css" href="../common.css"> <script type="text/javascript" src="../scripts/jquery-1.2.1.js"></script> <script type="text/javascript"> $(function(){ $('#loadButton').click(function(){ $.getScript(//在Firefox/3.0.1中会出现一个错误(语法错误,定义的变量不起作用,ff2没问题) 'new.stuff.js'//,function(){$('#inspectButton').click()} ); }); $('#inspectButton').click(function(){ someFunction(someVariable); test() }); }); </script> </head> <body> <button type="button" id="loadButton">Load</button> <button type="button" id="inspectButton">Inspect</button> </body> </html>
Js文件:
alert("I'm inline!"); var someVariable = 'Value of someVariable'; function someFunction(value) { alert(value); } function test() { alert('test'); }
jquery数组处理:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Hi!</title> <script type="text/javascript" src="../scripts/jquery-1.2.1.js"> </script> <script type="text/javascript"> var $ = 'Hi!'; jQuery(function(){ alert('$ = '+ $);//这里的 $ 为 Hi!,把它变回jquery的符号:jQuery(function($){...}/这样就可以了 //alert(jQuery) }); jQuery(function($){ //------------遍历数组 .each的使用------------- var anArray = ['one','two','three']; $.each(anArray,function(n,value) { //do something here //alert(n+' '+value); }); var anObject = {one:1, two:2, three:3}; $.each(anObject,function(name,value) { //do something here //alert(name+' '+value); }); //-----------过滤数组 .grep的使用------------ var originalArray =[99,101,103]; /*//第一种写法 var bigNumbers = $.grep(originalArray,function(value) { return value > 100; }); */ var bigNumbers = $.grep(originalArray,'a>100');//第2种写法,还可以用正则表达式来过滤 $.each(bigNumbers,function(n,value) { //do something here //alert(n+' '+value); }); //------------转换数组 .map的使用------------ var strings = ['1','2','3','4','S','K','6']; var values = $.map(strings,function(value){ var result = new Number(value); return isNaN(result) ? null : result;//如果result不是数字则 返回null(返回null在这里相当于不返回) }); $.each(values,function(n,value) { //do something here //alert(value); }); var characters = $.map( ['this','that','other thing'], function(value){return value.split('');}//分离字符串用返回给characters ); //alert(characters.length); //------------.inArray(value,array)的使用------------返回value在array下标的位置,如果value不在array中则返回-1 var index = $.inArray(2,[1,2,3,4,5]); //alert(index); //------------makeArray(obj)的使用------------将类数组对象转换为数组对象。 var arr = jQuery.makeArray(document.getElementsByTagName("div")); //arr.reverse(); // 使用数组翻转函数 $.each(arr,function(n,value) { //do something here //alert(n+' '+value); //alert(value.html()); }); var arr2 =$.unique(document.getElementsByTagName("div")); //获得唯一的对象,看API,说得很模糊,http://docs.jquery.com/Utilities/jQuery.unique alert(); $.each(arr2,function(n,value) { //do something here alert(n+' '+value); }); }); </script> </head> <body> <div>First</div><div>Second</div><div>Third</div><div>Fourth</div><div>Fourth</div> </body> </html>
发表评论
-
javascript url 传递参数中文乱码问题解决方案
2010-03-04 16:49 6022本文来自http://hi.baidu.com/%B4%FA% ... -
javascript创建节点div时,设置float属性不能生效
2009-09-01 10:41 1538好像浮动属性不能写成diva.style.float来改 . ... -
关于javascript的Array对象
2009-07-09 08:23 1339//Javascript中Array的默认方法里没有提供ind ... -
javascript离开当前页面就出发事件
2009-07-06 14:27 3262<!DOCTYPE HTML PUBLIC " ... -
用javascript向多选框添加监听事件!
2009-06-09 17:41 2981<html> <body> ... -
(网页一开始就加载)用JS弹出网页对话框后,后面那一层变灰,变成不可操做。
2009-02-27 15:33 0(可参考发布的一篇-用JS弹出网页对话框后,后面那一层变灰,变 ... -
替代全角和半角括号的方法示例
2009-02-26 14:36 3764<html> <head> & ... -
javascript中的各种输入限制
2009-02-26 14:19 1471转自http://www.blogjava.net/dream ... -
有关层定位、显示、隐藏的例子
2009-02-11 17:12 2268要移动层(把层移动到某个位置)就必须先将层设置绝对定位 sty ... -
想把某些内容固定在某些地方总是显示当前页面上
2008-12-16 16:23 1370作用:当在一个内容很长的页面中,想把某些内容固定在某些地方总是 ... -
css细线表格
2008-10-08 17:12 1419<style type="text/css ... -
css细线表格
2008-09-03 10:21 2344<style type="text/css&q ... -
用JS弹出网页对话框后,后面那一层变灰,变成不可操做。
2008-08-21 17:21 6052<html> <head> & ... -
javascript+CSS下拉菜单演示
2008-08-21 15:15 3244<!DOCTYPE html PUBddC " ... -
javascript 显示剩余的时间
2008-08-15 09:05 2253function formatTime(reallyTime) ... -
javascript屏蔽按健
2008-08-05 09:00 1109document.oncontextmenu=function ... -
javascript时间差
2008-07-31 14:38 1893var d1=new Date(2008,7,10 ... -
window.open() 父子页面的传参&传值问题
2008-06-30 11:25 37485window.open() 传参问题: 父页面中: windo ... -
firefox并不支持selectSingleNode和selectNodes的解决方法
2008-06-30 09:27 5440function test(){ var perid = ... -
IE和firefox中的一些javascript总结
2008-06-17 10:15 2334注意的一些问题: (一)尽量使用javascript/DOM ...
相关推荐
燕十八jquery手记 有收藏参考价值
jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
jQuery入门,jQuery入门,jQuery入门,jQuery入门
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...
jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档
jquery 插件jquery 插件jquery 插件jquery 插件
jquery 精简版 jquery 精简版 jquery 精简版jquery 精简版 jquery 精简版 jquery 精简版 jquery 精简版
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-...
jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,...
jQuery文档jQuery文档jQuery文档jQuery文档jQuery文档jQuery文档jQuery文档jQuery文档
jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画
jquery jquery下载jquery下载jquery下载
jquery1.4.2 jquery1.4.2 jquery1.4.2
jQuery技术jQuery技术jQuery技术jQuery技术jQuery技术
jquery图片jquery图片jquery图片jquery图片jquery图片jquery图片
JQuery详解JQuery详解JQuery详解JQuery详解JQuery详解JQuery详解
资源名称:jquery1.7 中文手册 CHM文档(附jquery1.82 chm手册)内容简介:因国内jquery中文手册更新太慢了,等了一段时间实在等不下去了,干脆自己动手做一个丰衣足食,时刻更新. 最后感谢Shawphy提供1.4.1版,jehn提供...