jQuery基本语法.docxVIP

基本语法：$(“HTML元素”).action()实例:$(this).hide(); 隐藏当前元素$(“p”).hide(); 隐藏所有段落$(“p.test”).hide(); 隐藏所有 class=”test”的段落$(“#test”).hide(); 隐藏所有id=”test”的元素文档就绪函数$(document).ready(function(){——–});这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。下面是两种假如文档完全加载之前运行函数的话，操作失败的情况：?试图隐藏一个不存在的元素。?获得未完全加载的图像的大小。.divcss{background-color:#e5eecc;padding:7px;border:solid 1px #c3c3c3;}jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$(“p”) 选取 p 元素。$(“ro”) 选取所有 class=”intro”的 p 元素。$(“p#demo”) 选取 id=”demo”的第一个 p 元素。jQuery 属性选择器jQuery 使用XPath表达式来选择带有给定属性的元素。$(“[href]“) 选取所有带有href属性的元素。$(“[href=#]“) 选取所有带有href值等于“#”的元素。$(“[href!=#]“) 选取所有带有href值不等于“#”的元素。$(“[href$=.jpg]“) 选取所有href值以“.jpg”结尾的元素。jQuery CSS 选择器jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。下面的例子把所有 p 元素的背景颜色更改为红色：$(“p”).css(“background-color”,”red”);更多实例$(this) 当前 HTML 元素$(“p”) 所有 p 元素$(“ro”) 所有 class=”intro”的 p 元素$(“.intro”) 所有 class=”intro”的元素$(“#intro”) id=”intro”的第一个元素$(“ulli:first”) 每个 ul 的第一个 li 元素$(“[href$=.jpg]“) 所有带有以“.jpg”结尾的href属性的属性(“div#intro .head”) id=”intro”的 div 元素中的所有 class=”head”的元素jQuery 事件函数jQuery 事件处理函数是 jQuery 中的核心函数。事件处理函数是当 HTML 中发生事件时自动被调用的函数。由“事件”（event）“触发”（triggered）是经常被用到的术语。jQuery 名称冲突jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。jQuery 使用名为noConflict() 的方法来解决该问题。varjq=jQuery.noConflict()，帮助您使用自己的名称（比如jq）来代替 $ 符号。jQuery 事件下面是 jQuery 中事件函数的一些例子：$(document).ready(function) 文档的就绪事件（当 HTML 文档就绪可用）$(selector).click(function) 被选元素的点击事件$(selector).dblclick(function) 被选元素的双击事件$(selector).focus(function) 被选元素的获得焦点事件$(selector).mouseover(function) 被选元素的鼠标悬停事件jQuery 隐藏和显示通过 hide() 和 show() 两个函数，jQuery 支持对 HTML 元素的隐藏和显示：hide() 和 show() 都可以设置两个可选参数：speed 和 callback。callback 参数是在 hide 或 show 函数完成之后被执行的函数名称speed 参数可以设置这些值：”slow”, “fast”, “normal”或 millisecondsjQuery 切换jQuery toggle() 函数使用 show() 或 hide() 函数来切换 HTML 元素的可见状态。隐藏显示的元素，显示隐藏的元素。speed 参数可以设置这些值：”slow”, “fast”, “normal”或 millisecondsjQuery 滑动函数- slideDown, slideUp, slideTogglejQuery 拥有以下滑动函数：$(selector).slideDown(speed,callback)$(selector).slideUp(speed,callba