★精品文档★
jquery 遍历数组 each 方法详解
下面小编就为大家带来一篇jquery 遍历数组 each 方法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。
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”/
2016全新精品资料-全新公文范文-全程指导写作 –独家原创
1 / 9
★精品文档★
</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文件: Java代码 代码如下:
<!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”
2016全新精品资料-全新公文范文-全程指导写作 –独家原创
2 / 9
★精品文档★
$(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”
2016全新精品资料-全新公文范文-全程指导写作 –独家原创
3 / 9