第十一章 一.jQuery性能优化 1.使用最新版本的jQuery类库. 2.使用合适的选择器 (1)$(“#id”) :使用id来定位DOM元素是最佳提高性能的方式. (2)$(“p”) :标签选择器的性能也不错. (3)$(“.class”) :这种方法比较复杂 (4)$(“[attribute = value]”) :利用属性来定位DOM元素会使用DOM搜索的方式来达到效果. (5)$(“ : hidden”) :利用伪选择器会带来较大的性能问题. 3.缓存对象. 4.循环DOM操作. 5…

第二章 jQuery框架使用准备 2.1 jQuery框架和JavaScript加载模式对比 jQuery框架的加载模式 <script> window.onload = function () { console.log("window.onload——1") }; window.onload = function () { console.log("window.onload——2") } </script> 打印结果:window.on…

第一章 jQuery框架简单介绍 1.1 jQuery简介 jQuery是一款优秀的javaScript库(框架),该框架凭借简洁的语法和跨平台的兼容性,极大的简化了开发人员对HTML文档,DOM,事件以及Ajax的操作. 主旨口号:写的更少, 干的更多(以更少的代码,实现更多的功能) 1.2 作者和版本介绍 jQuery最早由约翰·雷西格(John Resig)于2006年1月的BarCamp NYC上发布第一个版本.目前由Dave Methvin领导的开发团队进行开发,是目前最受欢迎的Jav…

1.本章目标 编写jquery插件 2.插件 也称为扩展,是一种按照一定的规范的应用程序接口编写出来的程序 插件的目标是给已有的一系列函数做一个封装,以便在其他的地方复用,方便维护和开发效率 3.jquery插件的种类 1.封装对象方法的插件 将对象方法封装起来,用于选择器获取的对象进行操作 比如$("#myForm").attr('action','xxxServlet') 比如:jQuery.trim() 3.选择器插件 扩展我们自己的选择器 4.jquery插件的编写 1.jqu…

1.本章目标 ajax 2.ajax 异步刷新技术,我们的网页不需要全部刷新,按需实现局部刷新,上线后台的交互 用户体验好 地图,前台验证,表单提交,修改,查询等等 原生的js和ajax package com.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.htt…

1.回顾 节点.append(内容) 节点.prepend(内容) 节点.remove() 节点.attr("属性","值") 节点.css("样式","值") 节点.html() .text .val() 2.本章目标 掌握jquery 的事件与动画 3.事件 在某个特定的条件下会被执行的一段代码,事件通常用来与用户进行交互 常用的事件:load,click,focus(获取焦点),blur(失去焦点),mousrmove(…

1.回顾$(document).ready(function(){    })$(function(){    }) ID选择器.类选择器.元素选择器层次选择器:空格(上文下:tr td{})属性过滤器:[属性=值]  input[type=button]表单:    :checked  被选中的单选框或复选框    :selected 被选中的下拉框表单选择器:    :input    :button2.本章目标    掌握dom操作的分类    掌握jquery的dom操作3.dom操作分…

jQuery对象和DOM对象的转换: 1.jquery对象是对象数组,于是乎: var $cr = $('#cr'); var cr = $cr[0]; 2.使用jquery的自带函数: var $cr = $('#cr'); var cr = $cr.get(0); 3.DOM转jquery: var cr = document.getElementByID("cr"); var $cr = $(cr); jQuery 对$的释放 jQuery.noConflict();//将$的控…

jQuery与Ajax应用 一.Ajax的优势和不足 1.Ajax的优势: (1)不需要插件支持:不需要任何浏览器插件就可以被绝大多数浏览器支持 (2)优秀的用户体验:能在不刷新整个页面的前提下更新数据 (3)提高web程序的性能:按需发送数据 (4)减轻服务器和带宽的负担:在客户端创建Ajax引擎,把一些工作转移到客户端. 2.Ajax的不足 (1)浏览器对XMLHttpRequest对象的支持度不足:许多浏览器不支持XMLHttpRequest (2)破坏浏览器前进.“后退”按钮的正常功能:…

jQuery对表单.表格的操作以及更多应用 一.表单应用 1.单行文本框应用 (1)获取和失去焦点改变样式 HTML代码如下: <form action="#" method="POST" id="regForm"> <fieldset> <legend>个人信息</legend> <div> <label for="username">名称:</l…