文档分类:建筑/环境 > 建筑规划 Jquery(很好的PPT教程,技术较为全面,分享给大家)(精选).ppt
在线文档经过高度压缩,下载原文更清晰。
淘豆网网友qiaoshi3311655近日为您收集整理了关于Jquery(很好的PPT教程,技术较为全面,分享给大家)(精选)的文档,希望对您的工作和学习有所帮助。以下是文档介绍:Jquery(很好的PPT教程,技术较为全面,分享给大家)(精选) Jquery内容简介什么是Jquery 万能的选择器管理jQuery包装集使用jQuery操作元素的属性与样式事件与事件对象 jQuery中的Ajax jQuery动画-让页面动起来! 插播:jQuery实施方案 jQuery工具函数 jQueryUI常用功能实战实战表单验证与自动完成提示插件Jquery概述 Jquery是一套Javascript脚本库– JQuery == JavascriptLibrary– Jquery != JavascriptFrameWork 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI …………Jquery的选择器一个简单的Jquery的功能实现 var $=function(id){return document.getElementById(id);}Jquery的选择器在Dom编程中只能使用有限的函数根据id或者TagName获取Dom对象. jQuery提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery包装集的形式返回. 只有Jquery对象(来源:淘豆网[])才能调用Jquery方法通过索引器返回的不再是jQuery包装集, 而是一个Dom对象“$”符号在jQuery中代表对jQuery对象的引用,“jQuery”是核心对象 Returns: jQuery包装集$( html, ownerDocument )–根据HTML原始字符串动态创建Dom元素. $( elements )–将一个或多个Dom对象封装jQuery函数功能(即封装为jQuery包装集) $( callback )–$(document).ready()的简写方式jQuery( selector, context ) Selector选择器"选择"和"过滤". 选择不会有默认的范围过滤–指定条件从前面匹配的内容中筛选–可以单独使用, 表示从全部("*“) 中筛选$(":[title]")等同于:$("*:[title]")选择器示例$(“#divId") 选择ID为divId的元(来源:淘豆网[])素$(".bgRed") 选择所用CSS类为bgRed的元素$("a") 选择所有<a>元素$("*") 选择页面所有元素$(“#divId, a, .bgRed”) 依次选择对应元素alert($($("#dv,.dv")[1]).text()); $(".bgRed div")–选择CSS类为bgRed的元素中的所有<div>元素. $(".myList>li")–选择CSS类为myList元素中的直接子节点<li>对象. $("#hibiscus+img")–选在id为hibiscus元素后面的img对象.(同级节点) $("#someDiv~[title]")–选择id为someDiv的对象后面所有带有title属性的元素$("tr:first") 查找表格的第一行(来源:淘豆网[])$("tr:last“) 查找表格的最后一行$("input:not(:checked)") 查找所有未选中的 input $(“tr:even”) 查找表格的奇数行$(“tr:odd”) 查找表格的偶数行$(“tr:eq(1)”) 查找第二行即索引值是1 $("tr:gt(3)")查找大于给定索引值的元素$(“tr:lt(3)”) 查找小于给定索引值的元素$(":header").css("background", "#EEE");–给页面内所有标题加上背景色$("#run").click(function(){$("div:not(:animated)").animate({ left: "+=20" }, 1000);});–只有对不在执行动画效果的元素执行一个动画特效
播放器加载中,请稍候...
系统无法检测到您的Adobe Flash Player版本
建议您在线安装最新版本的Flash Player 在线安装
更多>>该用户其他文档
下载所得到的文件列表
Jquery(很好的PPT教程,技术较为全面,分享给大家)(精选).ppt
文档介绍:
Jquery(很好的PPT教程,技术较为全面,分享给大家)(精选) Jquery内容简介什么是Jquery 万能的选择器管理jQuery包装集使用jQuery操作元素的属性与样式事件与事件对象 jQuery中的Ajax jQuery动画-让页面动起来! 插播:jQuery实施方案 jQuery工具函数 jQueryUI常用功能实战实战表单验证与自动完成提示插件Jquery概述 Jquery是一...Jquery(很好的PPT教程,技术较为全面,分享给大家)(精选) Jquery内容简介什么是Jquery 万能的选择器管理jQuery包装集使用jQuery操作元素的属性与样式事件与事件对象 jQuery中的Ajax jQuery动画-让页面动起来! 插播:jQuery实施方案 jQuery工具函数 jQueryUI常用功能实战实战表单验证与自动完成提示插件Jquery概述 Jquery是一套Javascript脚本库– JQuery == JavascriptLibrary– Jquery != JavascriptFrameWork 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI …………Jquery的选择器一个简单的Jquery的功能实现 var $=function(id){return document.getElementById(id);}Jquery的选择器在Dom编程中只能使用有限的函数根据id或者TagName获取Dom对象. jQuery提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery包装集的形式返回. 只有Jquery对象才能调用Jquery方法通过索引器返回的不再是jQuery包装集, 而是一个Dom对象“$”符号在jQuery中代表对jQuery对象的引用,“jQuery”是核心对象 Returns: jQuery包装集$( html, ownerDocument )–根据HTML原始字符串动态创建Dom元素. $( elements )–将一个或多个Dom对象封装jQuery函数功能(即封装为jQuery包装集) $( callback )–$(document).ready()的简写方式jQuery( selector, context ) Selector选择器"选择"和"过滤". 选择不会有默认的范围过滤–指定条件从前面匹配的内容中筛选–可以单独使用, 表示从全部("*“) 中筛选$(":[title]")等同于:$("*:[title]")选择器示例$(“#divId") 选择ID为divId的元素$(".bgRed") 选择所用CSS类为bgRed的元素$("a") 选择所有<a>元素$("*") 选择页面所有元素$(“#divId, a, .bgRed”) 依次选择对应元素alert($($("#dv,.dv")[1]).text()); $(".bgRed div")–选择CSS类为bgRed的元素中的所有<div>元素. $(".myList>li")–选择CSS类为myList元素中的直接子节点<li>对象. $("#hibiscus+img")–选在id为hibiscus元素后面的img对象.(同级节点) $("#someDiv~[title]")–选择id为someDiv的对象后面所有带有title属性的元素$("tr:first") 查找表格的第一行$("tr:last“) 查找表格的最后一行$("input:not(:checked)") 查找所有未选中的 input $(“tr:even”) 查找表格的奇数行$(“tr:odd”) 查找表格的偶数行$(“tr:eq(1)”) 查找第二行即索引值是1 $("tr:gt(3)")查找大于给定索引值的元素$(“tr:lt(3)”) 查找小于给定索引值的元素$(":header").css("background", "#EEE");–给页面内所有标题加上背景色$("#run").click(function(){$("div:not(:animated)").animate({ left: "+=20" }, 1000);});–只有对不在执行动画效果的元素执行一个动画特效
内容来自淘豆网转载请标明出处.