学习jquery部分笔记

jquery  对象

1.jquery对象是通过jquery（$()）包装dom对象后产生的对象
2. jquery对象是jquery独有的，如果一个对象是jquery对象 那么它就可使用jquery里的方法

3  jquery 对象无法使用dom对象的任何方法  同样dom对象也不能使用jquery里的任何方法
 约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $.     
var $variable = jQuery 对象
var variable = DOM 对象
4
(1) jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象.  


(2) 使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象                        

5 对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象), 就可以获得一个 jQuery 对象.
6 写法简洁   完善的时间处理机制
（jquery某些元素不存在 不会报错）

7 jquery 的选择器：
 注意事项：  1） 选取被选中的select的option需要使用选择子节点的方式：
  注意有一个空格
$("select[name='test'] :select").each(function(){})；


 2）jquery选择器的综合使用：
3）如果选择器搞不定，可以借助方法

8  jquery对象常用的几个方法：
  1） .val();  获取或者设置表单元素的value属性值
      $(":text:enabled").val();
      $(":text:enabled").val("asia");
  2).attr();和.val(）方法类似  attr(name,val)  为name属性赋值为val

 3).each();用来对jquery对象进行遍历  其函数内部的this是正在遍历的dom对象
4).text() 和val（）方法类似

   text();  获取元素节点的文本子节点的值
 text(str);  设置元素子节点的文本子节点的值


9  使用jquery进行dom 操作
  1）新建（元素，属性，文本）节点  直接使用$()保证即可  返回值时一个jquery对象

2）把节点插入到文档中

  append  appendTo
  prepend  prependTo
  before insertBefore
  after  insertAfter
3)删除节点

  remove();
4)清空节点
 empty();
5)克隆节点
.clone();

6)替换节点
 .replaceAll();
 .replaceWith()
7)wrap   wrapAll  wrapInner
8).val  html()  text(0   attr()  height()  


注意事项：

1  jquery  对象可以进行隐士迭代$("p").click(function(){})为选取得所有得p节点都添加了click响应函数

2  在jquery中显示迭代： 使用each()方法

$(":checkbox[name='c']:checked").each(function(){
alert(this.value);
})
 可以在显示迭代得响应函数的参数中通过index属性获取到正在遍历的对象的索引
3）在响应函数中 this是一个dom对象 若想使用jquery对象的方法  需要把其包装为jquery对象
  使用$()把 this包起来
 4） 。defaultValue:dom对象的属性，可以获取表单元素的默认值
5)  通过val(）为radio 赋值：val参数中也应该使用数组，使用一个值不起作用
6）.val（）方法 不能直接获取checkbox被选择的值，若直接获取，只能得到第一个被选择的值
  因为$(":checkbox[name='c']:checked")得到的是一个数组，而使用val（）方法只能获取到元素的第一个值
若希望打印所有的值 需要使用each遍历

7）$.trim()可以去除前后的空格
8）jquery对象的方法的连缀：调用一个方法的返回值还是调用的对象  于是可以在调用方法的后面依然调用
先前的那个对象的其他方法

10）.find（）查找子节点 返回值为子节点对应的jquery对象