写道
$(‘#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.
例子:
<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(
'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>
<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,'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_r("div"));
//arr.reverse(); // 使用数组翻转函数
$.each(arr,function(n,value) {
//do something here
//alert(n+' '+value);
//alert(value.html());
});
var arr2 =$.unique(document.getElementsByTagName_r("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>
相关推荐
详细的jquery基础知识总结 jQuery
锋利jQuery 知识点 总结,囊括重点,要点
jquery
包含了所有的jQuery知识点,都是平时一点点攒下来的,比较全面的jQuery知识点
Jquery的常用知识点总结,以及学习流程
NULL 博文链接:https://tiehao.iteye.com/blog/585892
JS和JQuery的知识点和用法总结与分析 JS和JQuery的知识点和用法总结与分析
代码+知识点汇总,采用xmind框图导出,知识点简单明了,无论是学过还是没学过,通过这个资料过一遍绝对对Jquery整体清楚明了。后面附带了9个基本的jquery实例,进一步加深用jquery的理解。(全部实例(30个)可另外...
个人总结的一些ajax资料和jquery资料,对于初学者有很大的帮助
总结了从jquery基础到重点的知识点,可方便大家从了解到熟练jquery,可参考其中来巩固。
js+jquery常用知识点汇总.docx
30个jquery实例,覆盖了jquery的各个...如果你不懂jquery基础知识,请参看我的jquery知识点汇总,那里用思维导图的形式总结了jquery的基本知识点,配合每个知识点的代码实现,一定会对你使用和学习jquery起到很大帮助。
史上最全面的jquery知识点归纳总结
主要用于学习jQuery的框架
jQuery是一个优秀的、轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),而jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记...
jquery标签切换知识点总结源码,都是一些很常用的知识点,和大家交流
一个基于js的jQuery类库 ,简化了js,方便代码员使用,里面基本汇总了jQuery前端所需的知识,缺乏ajax,没有服务器与后台关联知识,不过对于前端还是比较全的,含有全选,反选,左右选择以及二级联动的代码案例以及...
JQuery基础知识,这是我自己自学时作的总结,只作了常用的一些事件属性.还有资料
我们实习的时候,团队中各组员分别学习并总结的劳动成果,JQuery基础教程第2版(人民邮电出版社),很全面的知识总结,现在我拿来,分享给想学习JQuery的求知者,积分要的不多,也算是给我们劳动成果的一点回报,...
jquery中的知识点总结,零基础也可以看懂