div+css js+jQuery两周学习总结.ppt

jQuery 元素选择器 $(p) 选取 p 元素。 $(ro) 选取所有 class=intro 的 p 元素。 $(p#demo) 选取所有 id=demo 的 p 元素。 jQuery 属性选择器 $([href]) 选取所有带有 href 属性的元素。 $([href=#]) 选取所有带有 href 值等于 # 的元素。 $([href!=#]) 选取所有带有 href 值不等于 # 的元素。 $([href$=.jpg]) 选取所有 href 值以 .jpg 结尾的元素。 jQuery CSS 选择器 设置 CSS 属性 语法：css(propertyname,value); 下面的例子把所有 p 元素的背景颜色更改为红色： $(p).css(background-color,red); 设置多个 CSS 属性 语法：css({propertyname:value,propertyname:value,...}); 下面的例子将为所有匹配元素设置 background-color 和 font-size： $(p).css(background-color:red, font-size:200%); jQuery 事件 jQuery 是为事件处理特别设计的。 事件方法会触发匹配元素的事件，或将函数绑定到所有匹配元素的某个事件。 jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。 通常会把 jQuery 代码放到 head部分的事件处理方法中： head script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function(){ $(button).click(function(){ $(p).hide(); }); }); /script /head jQuery 事件-1（常用） 方法 描述 focus() 当输入域获得焦点时 blur() 当输入域失去焦点时 change() 当输入域发生变化时 click() 点击时 dblclick() 双击时 error() 当元素遇到错误（没有正确输入）时 keydown() 当按下键时 keyup() 按下键后，松开按键时 keypress() 计算在输入域中的按键次数 load() 当指定的元素（及子元素）已加载时 live() 为当前或未来的匹配元素添加一个或多个事件处理器 bind() 向匹配元素附加一个或更多事件处理器 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件 处理器 die() 移除所有通过 live() 函数添加的事件处理程序。 jQuery 事件-2（比较常用） 方法 描述 one() 向匹配元素添加事件处理器。每个元素只能触发一次该处理器ready() 文档就绪事件（当 HTML 文档就绪可用时） resize() 对浏览器窗口调整大小进行计数 scroll() 对元素的滚动次数进行计数 select() 当textare或文本类型的input元素中的文本被选择时 submit() 提交表单时 toggle() 绑定两个或多个事件处理器函数，当发生轮流的 click 事件时 执行。（亦用于切换hide()及show()） trigger() 所有匹配元素的指定事件 triggerHandler() 第一个被匹配元素的指定事件(不会执行浏览器默认操作) unbind() 从匹配元素移除一个被添加的事件处理器 undelegate() 删除由delegate()方法添加的一个或多个事件处理程序unload() 当用户离开页面时（只应用于window对象） jQuery 事件-3（鼠标） 方法 描述 mousedown() 按下鼠标按钮时 mouseup() 松开鼠标按钮时（在元素上方松开）（穿过被选元素时触发） mouseenter() 当鼠标指针进入（穿过）元素时（离开被选元素时触发） mouseover() 当鼠标指针位于元素上方时（穿过被选元素或子元素均会触发） mouseout() 当鼠标从被选元素上移开（离开被选元素或子元素均会触发） mouseleave() 当鼠标指针离开元素时 mousemove() 获取鼠标指针在页面中的位置 jQuery 事件-4（event参数） 方法 描述 event.isDefaul