这个项目学习到的新js方法

每天进步一点点

filter():方法将匹配元素集合缩减为匹配指定选择器的元素。例子;$('li').filter(':even').css('background-color', 'red'); 偶数行背景变红

:contains 选择器选取包含指定字符串的元素。$("p:contains(is)")
:even : 偶数行
:odd : 单数行

before():方法在被选元素前插入指定的内容。 例子:$(selector).before(function(index)) 在selector之前插入函数function(index)的返回值

after() 方法在被选元素后插入指定的内容。 例子$(selector).after(function(index)) 在selector之后插入函数function(index)的返回值

addClass():方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。 例子 $(selector).addClass(class) selector增加一个类名:class

scrollLeft():方法返回或设置匹配元素的滚动条的水平位置。滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时,位置是 0。例子: $("div").scrollLeft(100); 把div这个的水平位置设置为100px

clone() 方法生成被选元素的副本,包含子节点、文本和属性。例子 $("body").append($("p").clone());复制每个 p 元素,然后追加到 body 元素

/* jquery的基本事件 */
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)

$(selector).click(function) 触发或将函数绑定到被选元素的点击事件

$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件

$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件

$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件

/*jquery 寻找父亲、兄弟、子节点 */
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素

jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个

jQuery对象返回,children()则只会返回节点

jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点

jQuery.prevAll(),返回所有之前的兄弟节点

jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点

jQuery.nextAll(),返回所有之后的兄弟节点

jQuery.siblings(),返回兄弟姐妹节点,不分前后

jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()

的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从元素开始找,等同于$("p span")

jQuery中this与$(this)的区别 这里的this其实是一个Html 元素$(this)是一个JQuery对象,而jQuery对象沒有title 属性

bind(type,[data],fn) 代码: $("p").bind("click", function(){ alert( $(this).text() );}); 作用:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。起到事件监听的作用。
toggle(fn,fn)代码:$("td").toggle( function () { $(this).addClass("selected"); }, function () { $(this).removeClass("selected"); }); 作用:每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。

keydown() 方法 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。注释:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。

css(name,value)代码: $("p").css("color","red"); 作用:很简单,就是在匹配的元素中,设置一个样式属性的值。这个个人感觉和addClass(class)有点类似。

 

posted @ 2012-10-19 17:57  学学学习  阅读(144)  评论(0)    收藏  举报