w3cSchool jquery学习

jQuery 是一个 JavaScript 函数库。

jquery选择器

1.元素选择器 $("p")选取 <p> 元素，$(".") 选取所有 class,$("#")选取所有 id。

2.属性选择器$("[]") []里面填写属性，如$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

3.css选择器，如$("p").css("background-color","red")。

--选择器（经常想不起来，只有用多了才能记住。。。。）

* 所有元素，#id 选取id，.class选取class，element选取元素，.class.class；

:first 第一个元素，:last最后一个元素:even所有偶数，:odd所有奇数；

:eq(index)第index-1个元素，:qt(no)大于no的元素，:lt(no)小于no的元素，:not(selector) $("input:not(:empty)") 所有不为空的 input 元素；

:header所有标题为<h1> - <h6>元素，:animated所有动画元素；

:contain(text)包含text的元素，:empty无子元素的元素，:hidden所有隐藏元素，:visible所有可见元素；

s1,s2,s3所有带匹配的元素；

[attribute]属性选择器，[attribute=value]属性等于值的元素，[attribute!=value]属性不等于值的元素，[attribute$=value]属性结尾等于值的元素；

:input :text :password :radion :checkbox :submit(貌似不怎么见到了) :reset(好像没用过) :button :image :file；

:enable所有激活的input元素，:disabled 所有禁用的input元素，:selected 所有被选中的select元素，:checked所有被选中的checkbox、radio元素。

jquery事件方法

bind()像匹配元素中绑定方法，　　focus()--得到焦点，blur()--失去焦点，　　change()--元素发生改变时触发，只适用于text field、textarea、select元素，

click()--点击时触发，　　dblclick()--双击时触发，　　delegate()(貌似不常用)--添加一个或多个事件处理程序，并规定当这些事件发生时运行函，　

slideToggle()--方法通过使用滑动效果(高度变化)来切换元素的可见状态，live()和die()--分别是添加和移除事件处理程序，

error()，event.isDefaultPrevented()--防止打开链接，event.pageX--相对于文档左边缘的位置，event.pageY--相对于文档上边缘的位置，

event.target.nodeName--DOM元素名（H1、P等），event.timeStamp--返回1970 年 1 月 1 日到事件发生时的毫秒数，

event.type--描述事件的类型，event.which--按了哪个键/按钮，keydown--按下，keyup抬起，keypress()--按键次数，

load--元素加载完后执行的函数，mousedown、mouseup()--鼠标按下和抬起触发的事件，mouseenter()、mouseover()--鼠标经过时触发的事件，mouseleave()--鼠标离开时触发的事件，one()--触发一次，

ready()--文档就绪，一般用load()，resize()--窗体大小改变时触发的事件，scroll()--滚动条改变时触发的事件，

select()--通常是select元素中使用，但其他地方也能使用（。。。），toggle()--绑定几个方法轮流调用，也可当做hide()和show()使用，trigger() --方法触发被选元素的指定事件类型。triggerHandler()--触发 input 元素的 select 事件，文本不会被选中，

unbind() --移除被选元素的事件处理程序，undelegate()--删除由 delegate() 方法添加的所有事件处理器，unload()--当用户点击链接离开本页时，弹出一个消息框。

 

发现自己写了一遍总算有点印象，还是用的太少，正常用的方法貌似也没多少。。关键是搭配使用总是忘记用最简单的方式。