.JQuery文档分析2--JQuery核心与属性操作

piperzero

浏览: 3479689 次
性别:
来自: 杭州

最近访客更多访客>>

handsome1234

u012363178

zhangketuan

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (3796)

社区版块

存档分类

JQuery文档属性的操作....以及一些核心函数用法

1、

$(document).ready(function(){}) 是一个文档就绪函数就是在 window.onLoad完全加载执行之后才开始执行ready内部的函数

这等同 $().readdy() 和 $()

2、

这个类似与java中的for each...就是遍历获取到的所有ul中的li对象.集合 ..然后注册一个函数,这个函数要有一个参数 ,每次会传递一个

基于0递增的数字 ...代表每个dom元素在jQuery对象序列中的索引..当然也可以不传递..参数

$("ul li").each(function(i){

this.innerHTML="XXX"+i;}//this代表当前dom对象 ..我们可以像HTML DOM一样操作元素
);

3、

返回jQuery对象中的dom元素的个数

$("img").size();  这个是方法

$("img").length; 这个是属性
4、
返回jQuery对象的选择器...下面的选择器就是 div#foo ul:not([class]) 表示div中id为foo的div  中的不包括class属性的ul元素  ,返回值就是字符串
 $("div#foo ul:not([class])").selector 
5、
 $("ul", document.body).context.nodeName   返回节点的名字...即第二个参数..如果第二个参数为空那么默认是 当前文档

6、

获取li的jQuery对象中索引为0的li的dom独享并且将innerHTML设置为 innerHTML

$("li").get(0).innerHTML="innerHTML";

7、

遍历jQuery中的dom集合

$().ready(
function(){
var col=$("li").get() ;
for(var i in col){
col[i].innerHTML="DOM 集合遍历";
}
}
);

8、

$('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置$('li').index($('#bar')); //1，传递一个jQuery对象$('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置$('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的做引位置$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。

9、

jQuery的data方法给dom元素设置键值对 .... 如果不设置那么是null或者 undefined

<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script type="text/javascript" src="js/jquery.js" ></script> 
<script type="text/javascript">
 $().ready(function(){
 $("ul li#one").data("data",{key1:"key1",key2:"key2"}) ; 
 $("button").click(function(){
 $("#one").text($("#one").data("data").key1);
 $("#two").get(0).innerHTML=$("#one").data("data").key2; 
 }) ;
 }) ;
</script>
<title>Insert title here</title>
</head>
<ul>
<li id="one"></li>
<li id="two"></li>
<li id="three"></li>
<li id="four"></li>
<li id="five"></li>
</ul>
<button>显示数据</button>
</body>
</html>

10、

移除div上这只的key为greeting的数据

$("div").removeData("greeting");

11、

上述data方法的底层实现///不建议使用

jQuery.data(document.body, 'foo', 52);jQuery.data(document.body, 'bar', 'test');

12、
jQuery.noConflict(); 防止 jQuery$和其他库冲突...如果其他库在这个jQuery引入之后那么可以使用jQuery代替$

否则重新定义$

var newfunc=jQuery.noConflict() ;

newfunc("div").hide();

累死了睡觉

分享到：

Hibernate读书笔记-----事件机制 | FLV容器分析1

2012-07-13 00:04
浏览 556
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论