Jquery学习笔记

xcy13638760

浏览: 52886 次

最近访客更多访客>>

afra.liu

woodding2008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

1、jquery内置对象：this、document

2、$(document).ready(

function() {

}

);等价于$(function(){

}

);

类似于window.onload();

window.onload与$(document).ready的区别：

此处的网页结构指的是html代码。

3、修改界面某一处的背景颜色代码

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>
</body>
</html>

重点：$("").css("")——给获取的jquery对象添加css样式

4、$()函数是jquery()函数的简化别名

5、jquery动态更新的思路：

（1）获取jquery对象——通常是对DOM元素的包装

（2）调用jquery对象的方法来改变自身。jquery函数改变自身属性的方法的返回值一般都是该对象本身，可以多次调用改变自身属性的方法。
6、$("li[id]")——获取所有包含id属性的<li>元素

$("#id1,#id2")——获取id为id1,id2的元素

$("ul #id")——获取ul之内的id为id的元素

$("ul>#ajax")——获取ul之内id为ajax的直接子元素

$("#ajax~li")——获取id为ajax之后的所有的li元素

7、js界面上把对象类型转换为字符串类型

JsonUtil.stringify()——把对象（数组）类型转换为字符串

界面打印出某个对象：

var a=JsonUtil.stringify(obj);

alert(a);

可以打出具体的值。

8.jquery设置元素的readonly和disabled

Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下：
1.readonly
　　$('input').attr("readonly","readonly")//将input元素设置为readonly
　　$('input').removeAttr("readonly");//去除input元素的readonly属性

　　 if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

　　对于为元素设置readonly属性和取消readonly属性的方法还有如下两种：
　　$('input').attr("readonly",true)//将input元素设置为readonly
　　$('input').attr("readonly",false)//去除input元素的readonly属性

　　$('input').attr("readonly","readonly")//将input元素设置为readonly
　　$('input').attr("readonly","")//去除input元素的readonly属性
2.disabled

　　 $('input').attr("disabled","disabled")//将input元素设置为disabled
　　$('input').removeAttr("disabled");//去除input元素的disabled属性

　　if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

　　对于为元素设置disabled属性和取消disabled属性的方法还有如下两种：
　　$('input').attr("disabled",true)//将input元素设置为disabled
　　$('input').attr("disabled",false)//去除input元素的disabled属性

　　$('input').attr("disabled","disabled")//将input元素设置为disabled
　　$('input').attr("disabled","")//去除input元素的disabled属性

分享到：