Jquery学习笔记

1、jquery内置对象:this、document

2、$(document).ready(

            function()   {

              }

       );等价于$(function(){

              }

       );

类似于window.onload();

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

Jquery学习笔记_第1张图片

此处的网页结构指的是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属性

 

 

 

你可能感兴趣的:(Jquery学习笔记)