锋利的Jquery

$("p").css("background-color","#ffffff");   //给某一个元素添加背景颜色

$("p").addClass(css中定义的样式类型);  //给某个元素添加样式

$("img").attr({ src:"test.jpg",alt:"test Image" });   //给某个元素添加属性/值,参数是map

$("img").attr("src","test.jpg");    //给某个元素添加属性值

$(" #").html();    //获得该元素内的内容

$("#").html("<b>new stuff</b>");  //给某元素设置内容

$("#").removeAttr("src")    //给某元素删除指定的属性及该属性的值

$("#").removeClass("class")    //给某元素删除指定的样式

$("#").text()      //获取该元素的文本

$("#").text(value);    //设置文本值为value

$("#").toggleClass(class);    //元素存在样式就取消,不存在则设置此样式

$("#").val()      //获取input元素的值

$("#").val(val);    //设置input值为val

 

$("#").after(content);    //匹配元素的后面添加内容

$("#").append(content);    //将content内容插到该元素的后面

$("#").before(content);    //匹配的元素前面添加内容

$("#").clone(布尔表达式);    //当布尔为真,克隆元素(无参时,当true处理)

$("#").empty()      //将元素内容设置为空

$("#).insertAfter(content)      //将元素插到content之后

$("#").prepend(content)    //将content作为该元素的一部分,放到该元素的最前面

$("#").remove();      //删除所有指定的元素

$("#").remove("exp")      //删除所有含有exp的元素

$("#").wrap(element)      //用element来包围该元素

 

$(function(){})      //执行一个函数

$("div > p").css("border","1px solid gray");    //查找所有div的子节点p,添加样式

$("input:radio",document.forms[0])      //当前页面的第一个表单里查找所有的单选按钮

 

$(document).ready()      //所有Dom加载完毕以后就执行,可以新元素相关的东西没有加载完

                  ready()函数里的函数都会被加载执行

$("#").unbind(“click”);      //移除选定元素的click事件

$("#").toggle(function(){ $(this).addClass("select"); },function(){ $(this).removeClass("selected") });  //点击一次触发第一个函数,再次点击触发第二个函数

$("#").hover(function(){ $(this).addClass("over") },function(){ $(this).addClass("out"); }))     //当鼠标移动到指定元素时触发第一个函数,移开此元素触发第二个函数

 

 

blur()        //元素失去焦点 a input textarea button select label map area

change()        //用户改变域的内容 input textarea select

click()        //    点击事件 几乎所有元素

dblclick()        //鼠标双击事件   几乎所有元素

error()        //当加载文档或图像发生的某个错误

focus()        //元素或的焦点 几乎所有元素

load()         //某个页面或图像被完成加载window img

keydown()      //某个按键被按下  几乎所有所有元素

keypress()       //某个按键被按下或者被按住 几乎所有元素

keyup()        //某个按键被松开  几乎所有元素

mousedown()      //某个鼠标按键被按下  几乎所有元素

mousemove()      //鼠标被移到 几乎所有元素

mouseout()       //鼠标移开某个元素  几乎所有元素

mouseover()      //鼠标移动到某个元素时  几乎所有元素

mouseup()        //某个鼠标按键被松开  几乎素偶又元素

resize()        //窗口或者框架被调整尺寸 几乎所有元素

scroll()          //滚动文档的不可见部分

select()        //文本被选定的   input document textarea

submit()        //提交按钮     form

unload()         //用户退出页面

 

show()         //显示隐藏的匹配元素

hide()           //隐藏显示的匹配元素

toggle()         //切换元素的可见状态,隐藏则显示,显示则隐藏

slideUp(speed,[callback])        //通过高度变化(向上减小)来动态的隐藏所匹配的元素,隐藏后触发callback函数

slideDown(speed,[callback])        //通过高度变化(向下增大)来动态的显示所匹配的元素,隐藏后触发callback函数

slideToggle()          //通过高度变化来切换所有匹配元素的可见性,元素会以滑动的方式显示或者隐藏

fadeIn(speed,[callback])     //通过不透明度的变化实现所有匹配元素的淡入效果,动画完成后触发一个回调函数函数

fadeOut(speed,[callback])    //通过不透明度的变化实现所有匹配元素的淡出效果,动画完成后触发一个回调函数函数

fadeTo(speed,[callback])    //把指定元素的不透明度以渐进的方式调整到制动的不透明度

stop()           //停止当前的动画

queue()          //取得第一个匹配元素的动画序列的引用(返回一个内容为函数的数组)

animate()          //自定义动画的一个方法

 

eq(index)          //取得指定的位置元素,index从0开始

filter(expr)          //返回与指定表达式匹配的元素集合,可以使用“,”号分割多个expr,用于实现筛选

is(expr)           //用一个表达式来检查当前选择元素集合,如果其中有一个元素符合,表达式就返回true

not(expr)          //从匹配元素集合中删除与表达式匹配的元素

add(expr)          //把与表达式匹配的元素添加到jquery对象里

children([expr])        //取得一个包含匹配元素集合中每一个元素的所有子元素的元素集合

contents()          //取得一个包含匹配的元素集合中每一个元素的所有子孙节点的集合

find(expr)          //搜索所有与指定表达式匹配的元素

next([expr])          //取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合

parent([expr])         //取得一个包含所有匹配元素的唯一父元素的元素集合

prev([expr])            //取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素结合

siblings([expr])        //取得一个包含匹配的元素集合中每一个元素的所有同辈元素的元素集合

 

 

基本选择器

$("#")

$("div")

$(".test")

$("div,span,p.test")        //联合所有匹配的选择器

层叠选择器

$("form input")          //后代选择器

$("#test > *")           //子选择器

$("lable + input")         //临选择器,选择prev的下一个临节点

$("#prev~div")          //同胞选择器,,选择prev的所有同胞节点

基本过滤选择器

$("tr:first")            //匹配第一个选择的元素

$("tr:last")            //匹配最后一个匹配的元素

$("tr:even")            //匹配集合中偶数位置的所有元素,从0开始

$("tr:odd")            //匹配集合中奇数位置的所有元素,从0开始

$("tr:eq(2)")      

$("tr:gt(2)")

$("tr:gl(4)")

$(":header")

$("div:animated")        //匹配所有正在运行动画的所有元素

内容过滤选择器

$("div:contains('John')")     //匹配含有指定文本的所有元素

$("td:empt")          //匹配所有空元素,只含有文本的元素不算空元素

$("div:hedden")         //匹配所有隐藏的元素,页包括表单的隐藏域

$("div:visible")          //匹配所有可见的元素

属性过滤选择器

$("div[id]")            //匹配所有具有指定属性的元素

$("input[name='newsletter']")    //匹配所有具有指定属性值的元素

子元素选额过滤器

$("ul li:nth-child(2)")

表单元素选择器

$(":input")            //匹配所有的表单输入元素,包括所有类型的input  textarea select button

$(":button")           //匹配所有类型为button的input元素

$(":hidden")           //匹配所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器

$(":enable")            //匹配所有可操作的表单元素

$(":disabled")           //匹配所有不可操作的表单元素

$(":checked")           //匹配所有已点选的元素

$("#  option:selected")     //匹配所有已选择的元素

 

 

 

  

posted @ 2018-04-25 15:23  超级驼鹿  阅读(247)  评论(0编辑  收藏  举报
/*