jQuery知识点学习

jQuery知识点学习

---

---

1.  jQuery 返回的元素值都数组类型.

 

2.  jQuery 通过$("   ")对DOM 进行了封装

 

3. Query 是 js 的一个函数库,非常方便,非常主流.

 

4. jQuery 和 DOM 对象

  1). jQuery 与 DOM 相互独立,方法不通用

  2). jQuery 对象是一个 DOM 数组对象, 所以可以使用下标方式转化为 DOM 对象

        

var $btn = ${"button"};

var btn = $btn[0];

 

5. jQuery 对象是使用 $() 保证DOM 对象后产生的对象

    

$("select :selected").each(function(){

                   alert(this.value);

              });

 

6 . jQuery的选择器:

      1).选取被选中的Select 的option 需要使用选取子节点的方式

    (不要忘记父节点选取子节点需要加空格)

${"select[name='test'] :selected").each(function(){   

    代码块//....

    });

 

  2). jQuery 选择器可以综合使用

 

  3). 如果选择器搞不定, 可以借助方法

 

  4). jQuery对象的几个方法:

    

1.    val():     获取或设置表单元素的value 属性值

 

//设置值

$(":text:enabled").val("尚硅谷");

//获取值

alert($(:text:enabled").val());

      

1.      attr():  和 val()方法类

 

     attr(name, val):    为name属性赋值为 val:  

     attr(name) :          获取name 属性值

   

1.     each(): 对jQuery对象进行遍历,其参数为function.函数内部的this 是正在实用的 DOM 对象

    

$("#btn4").click(function() {

              $(":checkbox[name='newsletter']:checked").each(function(){

                   alert(this.value);

              });

 

1.    text() :和 val(): 方法类似

        text(): 获取元素节点的文本子节点的值  

        text(str): 设置元素节点的文本子节点的值