jquery(很好的ppt教程,技术较为全面,分享给大家)

jquery(很好的ppt教程,技术较为全面,分享给大家)

ID:13044532

大小:329.50 KB

页数:35页

时间:2018-07-20

jquery(很好的ppt教程,技术较为全面,分享给大家)_第1页
jquery(很好的ppt教程,技术较为全面,分享给大家)_第2页
jquery(很好的ppt教程,技术较为全面,分享给大家)_第3页
jquery(很好的ppt教程,技术较为全面,分享给大家)_第4页
jquery(很好的ppt教程,技术较为全面,分享给大家)_第5页
资源描述:

《jquery(很好的ppt教程,技术较为全面,分享给大家)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、Jquery1优秀课件,精彩无限!内容简介什么是Jquery万能的选择器管理jQuery包装集使用jQuery操作元素的属性与样式事件与事件对象jQuery中的AjaxjQuery动画-让页面动起来!插播:jQuery实施方案jQuery工具函数jQueryUI常用功能实战实战表单验证与自动完成提示插件2优秀课件,精彩无限!Jquery概述Jquery是一套Javascript脚本库JQuery==JavascriptLibraryJquery!=JavascriptFrameWork提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI…………3优秀课件,精彩无限!J

2、query的选择器一个简单的Jquery的功能实现var$=function(id){returndocument.getElementById(id);}4优秀课件,精彩无限!Jquery的选择器在Dom编程中只能使用有限的函数根据id或者TagName获取Dom对象.jQuery提供了异常强大的选择器用来帮助我们获取页面上的对象,并且将对象以jQuery包装集的形式返回.只有Jquery对象才能调用Jquery方法通过索引器返回的不再是jQuery包装集,而是一个Dom对象5优秀课件,精彩无限!“$”符号在jQuery中代表对jQuery对象的引用,“jQuery”

3、是核心对象Returns:jQuery包装集$(html,ownerDocument)根据HTML原始字符串动态创建Dom元素.$(elements)将一个或多个Dom对象封装jQuery函数功能(即封装为jQuery包装集)$(callback)$(document).ready()的简写方式6优秀课件,精彩无限!jQuery(selector,context)Selector选择器"选择"和"过滤".选择不会有默认的范围过滤指定条件从前面匹配的内容中筛选可以单独使用,表示从全部("*“)中筛选$(":[title]")等同于:$("*:[title]")7优秀课件,

4、精彩无限!选择器示例$(“#divId")选择ID为divId的元素$(".bgRed")选择所用CSS类为bgRed的元素$("a")选择所有元素$("*")选择页面所有元素$(“#divId,a,.bgRed”)依次选择对应元素alert($($("#dv,.dv")[1]).text());8优秀课件,精彩无限!$(".bgReddiv")选择CSS类为bgRed的元素中的所有

元素.$(".myList>li")选择CSS类为myList元素中的直接子节点
  • 对象.$("#hibiscus+img")选在id为hibiscus元素后面的img对

    5、象.(同级节点)$("#someDiv~[title]")选择id为someDiv的对象后面所有带有title属性的元素9优秀课件,精彩无限!$("tr:first")查找表格的第一行$("tr:last“)查找表格的最后一行$("input:not(:checked)")查找所有未选中的input$(“tr:even”)查找表格的奇数行$(“tr:odd”)查找表格的偶数行$(“tr:eq(1)”)查找第二行即索引值是1$("tr:gt(3)")查找大于给定索引值的元素$(“tr:lt(3)”)查找小于给定索引值的元素$(":header").css("backgro

    6、und","#EEE");给页面内所有标题加上背景色$("#run").click(function(){ $("div:not(:animated)").animate({left:"+=20"},1000); });只有对不在执行动画效果的元素执行一个动画特效10优秀课件,精彩无限!$(“div:contains('John')")查找所有包含"John"的div元素$("td:empty")查找所有不包含子元素或者文本的空元素$("div:has(p)").addClass("test");给所有包含p元素的div元素添加一个text类$("td:parent")

    7、查找所有含有子元素或者文本的td元素$("tr:hidden")查找所有不可见的tr元素$("tr:visible")查找所有可见的tr元素11优秀课件,精彩无限!$("div[id]")查找含有id属性的div元素$("input[name='newsletter']").attr("checked",true);查找name属性是newsletter的input元素$("input[name!='newsletter']").attr("checked",true);查找name属性不是newsletter的input元素$("inp

  • 当前文档最多预览五页,下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。