Jquery 学习

1. 选择器

  $(this)   适用于对于某一具体对象的操作

                   eg： $（“form”).submit(function(){

                             $(this) .XXXXX
                        });

$(A > B) 得到A下直接子标签为B的集合   可以使用[]访问子元素

$(" #id")  以#开始 查找相关id的对象

$(".class")  以.开始 查找相关class 的对象

$("p")  html标签  查找符合html标签的对象

$("a,b,c")  只要符合一种则返回 a b c 为有效的选择器，可以任意多个 ，分割

$("a b")   满足a下 b的选择器，a b 可以是任意的有效，不用直接子 可以一直弄下去 空间 空格 分割等级

$("A + B")  满足紧跟A的B  都是有效的选择器   

$("A ~ B") 同一等级的 标签 与A同一等级的B标签

$('A:first')  满足A条件的第一个元素

$('A:last')  满足A条件的最后一个元素

$("A:not(B)") 满足A条件下不满足B的集合  A B 都是选择器 

$("A:even")  满足所有A条件下的偶数

$("A:odd") 满足所有A条件下的奇数

$("A:eq(index)") A下第index 的对象

$("A:gt(index)") A下索引值大于index

$("A:lt(2)") A下索引值小于index

$( document.activeElement ) 得到当前焦点所对应的元素

$(":root") 跟元素 html

$("A:parent")  经过A选择器后，选择含有文本或者含有子元素的对象
$("A:hidden")  经过A选择器后，type为hidden 或者隐藏的对象

$("A:visible") 
经过A选择器后，可见的对象

$("A[attribute]") 含有某种属性的满足A选择器的对象

$("A[attribute='value'] （此= 可以变为 !=  ^=  $=  *=）
含有某种属性的满足A选择器的对象 ,且属性值一定的对象

$([selector1][selector2][selectorN]) 使用中括号括起来
$("A:contains('string')") 满足A条件下，同时含有string的标签
$("A:empty") 不包含元素的A选择器 选择的结果

:first-child 

:first-of-type

:last-child

:last-of-type

:checked

:selected

:disabled

:enabled

 下面这几个不能直接连在选择器 后面 ，即不能

$("div:input")  X错误

$(":input")

$(":text")

$(":password") 

$(":radio")

$(":checkbox")

$(":submit")

$(":reset")

$(":button")

$(":file")

2.选择器后，可以使用的筛选方法(有些与上面的混合选择器类似的功能)

.eq(index)

.first() 

.last()

.hasClass('c')

.is(' ') 其中可以是选择器，也可以是dom元素

.filter(' ') 如上

.has()

.not()

.children(' ') 可以加入选择器 或者不加

.find(' ')

.next()

.nextAll()

.parent()

4.对象的css修改

$("A").css("key", "value");

5.对象中的内容修改

   $("tr,div").text()  .text('    ')

  $("tr,div").val()       .val('   ')

$("tr,div").innerHTML() 没有此方法，

$("tr,div").addClass('');

.removeClass('    ')

.attr('attribute')

.attr('attribute','value')

.removeattr('attribute')

.html()

.html('   ')

6.文档的处理

  append（）

appendTo（）

after（）

before()

insertAfter()

replaceAll()

replaceWith()

remove()

clone()

7.常用的事件

 ready

 click

submit

focus

blur

mousedowm（over out move leave  enter）

hover

keypress （down up）

resize

scroll

select

unload

change

dbclick

8.还有一些效果 如同html 的效果

show  hide  toggle slideDown slideUp fadeIn fadeOut

9. 遍历对象的方法

$.each(对象集合，function（）{})

例如：

$.each($("tr"),function(){
         alert($(this).text());
        
        });