- 1、本文档共69页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
jquery基础入门ppt图文
jQuery Ajax应用 底层实现 $.ajax() 高层实现 $.get() $.post() jQuery Ajax应用 jQuery Ajax应用 $.ajax(options) 返回的是XMLHttpRequest对象 options (可选) : AJAX 请求设置。key/value方式 常见选项设置如下: type 请求方式,默认为GET url 请求资源的URL data 请求参数信息 key/value success 回应成功的回调函数 error 回应失败的回调函数 示例 jQuery Ajax应用 $.ajax({ url: “action.action, async: true|false , data: name=Johnlocation=Boston, dataType: “json success: function(data){ //成功后执行 } }); jQuery Ajax应用 jQuery Ajax应用 $.get(url,[data],[callback]) url 请求资源的URL data 请求参数信息 key/value callback 载入成功时回调函数 jQuery Ajax应用 $.post(url,[data],[callback]) url 请求资源的URL data 请求参数信息 key/value callback 发送成功时回调函数 $.post(action.action, { Action : post, param1 : value1, param2 : value2, param3 : value2 }, function(data) { //相关处理 }, json); jQuery Ajax应用 jQuery 中的 DOM 操作 DOM(Document Object Model—文档对象模型):一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组件 DOM 操作的分类: DOM Core: DOM Core 并不专属于 JavaScript, 任何一种支持 DOM 的程序设计语言都可以使用它. 它的用途并非仅限于处理网页, 也可以用来处理任何一种是用标记语言编写出来的文档, 例如: XML HTML DOM: 使用 JavaScript 和 DOM 为 HTML 文件编写脚本时, 有许多专属于 HTML-DOM 的属性 CSS-DOM:针对于 CSS 操作, 在 JavaScript 中, CSS-DOM 主要用于获取和设置 style 对象的各种属性 查找节点 查找节点: 查找元素节点: 通过 jQuery 选择器完成. 查找属性节点: 查找到所需要的元素之后, 可以调用 jQuery 对象的 attr() 方法来获取它的各种属性值 创建节点 创建节点: 使用 jQuery 的工厂函数 $(): $(html); 会根据传入的 html 标记字符串创建一个 DOM 对象, 并把这个 DOM 对象包装成一个 jQuery 对象返回. 注意: 动态创建的新元素节点不会被自动添加到文档中, 而是需要使用其他方法将其插入到文档中; 当创建单个元素时, 需注意闭合标签和使用标准的 XHTML 格式. 例如创建一个p元素, 可以使用 $(“p/”) 或 $(“p/p”), 但不能使用 $(“p”) 或 $(“P”) 创建文本节点就是在创建元素节点时直接把文本内容写出来; 创建属性节点也是在创建元素节点时一起创建 插入节点(1) 动态创建了 HTML 元素之后, 还需要将新创建的节点插入到文档中, 即成为文档中某个节点的子节点 插入节点(2) 以上方法不但能将新创建的 DOM 元素插入到文档中, 也能对原有的 DOM 元素进行移动. 创建节点和插入节点示例 var newP =$(p武广高速铁路即将通车!/p); newP.insertAfter(“#chapter”); //将创建的newP元素插入到ID为#chapter的元素之后 或者 newP.appendTo(“body”); //插入到body元素里 删除节点 remove(): 从 DOM 中删除所有匹配的元素, 传入的参数用于根据 jQuery 表达式来筛选元素. 当某个节点用 remove() 方法删除后, 该节点所包含的所有后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用. empty(): 清空节点 – 清空元素中的所有后代节点(不包含属性节点). 替换节点 replaceWith()
您可能关注的文档
- (答案整理版)人员素质测评试题库.doc
- -湿地公园木栈道施工组织设计.doc
- -南坝镇微信公众平台建设方案.doc
- -连锁药店门店经营管理手册完整版.doc
- aypQC七手法的完整版.ppt
- Bmusbha考研复试英语口试终极整理版.doc
- BOT模式下城市污水处理厂运营阶段的项目管理.doc
- CDMA网络优化浅析通信技术论文.doc
- C实验:最简单的C程序设计.doc
- C语言提交代码作业.doc
- 西宁2024年09版小学六年级下册第十五次英语第二单元真题.pdf
- 岳阳“PEP”2024年11版小学第11次英语第6单元期中试卷.pdf
- 赣州2024年10版小学第11次英语第四单元真题试卷.pdf
- 牡丹江24年小学3年级上册G卷英语第三单元真题.pdf
- 赣州2024年02版小学5年级第五次英语第6单元测验试卷.pdf
- 金华2024年06版小学第2次英语第三单元测验试卷.pdf
- 岳阳2024年07版小学4年级I卷英语第4单元自测题.pdf
- 吉林2024年05版小学第11次英语第三单元期中试卷.pdf
- 宜昌“PEP”2024年11版小学4年级第二次英语第二单元测验卷.pdf
- 湛江“PEP”2024年小学5年级上册第十五次英语第二单元测验卷.pdf
最近下载
- 机电一体化技术专业(五年制)人才培养方案(中职).doc
- 第六单元 追寻伟人足迹 单元任务群整体 教学设计 -2024-2025学年语文二年级上册统编版.docx VIP
- 记叙文阅读真题 郑州三年模考(20-22)(河南版)(解析版).docx
- 第3课《纹样的诞生》.pptx VIP
- (2023秋)北师大版二年级数学上册《一共有多少天》PPT课件.pptx VIP
- 2023江苏开放大学学前儿童健康教育第二次形成性考核作业.docx VIP
- 《公路盾构隧道设计标准》.pdf
- GB50316-2000 工业金属管道设计规范(2008年版).docx
- 部编版四年级语文下册《12 在天晴了的时候》PPT优质课件.pptx VIP
- 西北工业大学英语核心能力.docx
文档评论(0)