jquery
文章平均质量分 63
YES_MR_LONG
勿忘:自律、专注、激情
展开
-
01-jQuery概述
第一节:jQuery概述JQuery概念javascript概念:基于Js语言的API和语法组织逻辑,通过内置window和document对象,来操作内存中的DOM元素 JQuery概念:基于javascript的,同上,提高了代码的效率JQuery是什么:是一个js代码仓库,我们称之为js框架; 是一个快速简洁的js框架,可以简化查询DOM对象、处理事件、制作动画、处理ajax交互过程。JQ转载 2017-03-09 00:37:10 · 305 阅读 · 0 评论 -
10-jQuery和ajax-3-ajax封装
第十节:ajax封装ajax请求后台数据 var btn = document.getElementsByTagName("input")[0]; btn.onclick = function(){ajax({//json格式 type:"post", url:"post.php", data:"username=poetries&pwd=123456", as原创 2017-03-12 01:43:31 · 199 阅读 · 0 评论 -
09-jQuery和ajax-2
第九节:jQuery和ajax-2jquery对Ajax操作进行了封装,在jquery中的$.ajax()方法属于最底层的方法,第2层是load()、$.get()、$.post();第3层是$.getScript()、$.getJSON(),第2层使用频率很高load()方法a、load()方法是jquery中最简单和常用的ajax方法,能载入远程HTML代码并插入DOM中 结构为:load(ur转载 2017-03-12 01:39:47 · 196 阅读 · 0 评论 -
08-jQuery和ajax
第八节:JQuery和ajax-1Ajax简介 :Asynchronous Javascript And XML (异步的JavaScript和XML)它并不是一种单一的技术,而是有机利用一系列交互式网页应用相关的技术所形成的结合体。Ajax优势与不足Ajax优势优秀的用户体验: 这是Ajax下最大的有点,能在不刷新整个页面前提下更新数据 提高web程序的性能: 与传统模式相比,Ajax模式在转载 2017-03-12 01:06:25 · 233 阅读 · 0 评论 -
07-jQuery中的事件
第七节:JQuery中的事件1、事件对象的属性event.type:获取事件的类型 event.target:获取到触发事件的元素 event.preventDefault方法 阻止默认事件行为 event.stopPropagation()阻止事件的冒泡 keyCode:只针对于keypress事件,获取键盘键数字 按下回车,13 event.pageX / event.pageY 获取转载 2017-03-10 22:50:05 · 157 阅读 · 0 评论 -
06-jQuery动画-1
第六节:JQuery动画-1JavaScript语言本身不支持动画设计,必须通过改变CSS来实现动画效果!1、显隐动画:show()显示;hide()隐藏原理: hide():通过改变元素的高度宽度和不透明度,直到三个属性值到0 show():通过上到下增加元素的高度,从左到右增加宽度,从0到1增加透明度,直到内容可见。 参数:show(speed,callback) speed: 字符串或转载 2017-03-10 22:32:36 · 177 阅读 · 0 评论 -
05-jQuery动画
第五节:jQuery动画操作DOM a.什么是DOM:Document Object Model缩写,文档对象模型 b.理解页面的树形结构 c.什么是节点:是DOM结构中最小单元,包括元素、属性、文本、文档等一、创建节点1.创建元素语法:document.createElement(name);var div = document.createElement("div");document.转载 2017-03-10 22:21:33 · 171 阅读 · 0 评论 -
04-jQuery的DOM操作
第四节:JQuery中DOM操作1、DOM是一种与浏览器、平台|语言无关的接口,使用该接口可以轻松的访问 页面中的所有的标准组件2、DOM操作的分类 DOM Core DOM core并不专属于JavaScript,任何支持DOM的程序都可以使用 JavaScript 中的getElementByID()、 getElementsByTagName()、 getAttribute()转载 2017-03-10 00:16:01 · 205 阅读 · 0 评论 -
03-jQuery代理对象
第三节: 代理对象属性和样式操作1、代理对象属性和样式操作 attr prop(一般属性值是boolean的值或者不用设置属性值,一般使用) css(最好不用,一般我用来做测试) addClass / removeClass2、操作原生DOM的时候用的方式:一次只能操作一个 操作属性:setAttribute / getAttribute 操作样式:style.xx = value 操转载 2017-03-10 00:13:47 · 229 阅读 · 0 评论 -
02-jQuery选择器
第二节:选择器选择器引擎规则:1、css选择器的规则:标签选择器、id选择器、类选择器、混合选择器 2、css3选择器规则 3、状态和伪类::even/ :odd/ :first/ :last/ :eq(index) 4、属性:(attr==value)层级选择器:通过DOM的嵌套关系匹配关系JQuery层级选择器:包含选择器、子选择器、相邻选择器、兄弟选择4种 1、包含选择器:$("a b转载 2017-03-10 00:12:21 · 176 阅读 · 0 评论 -
jQuery扩展实例方法和静态方法
jQuery扩展实例方法和静态方法扩展jQuery实例方法(function($){ //设置默认参数 var defaults={ } //自定义方法 var showLink=function(obj){ $(obj).append(function(){ return "("+$(obj).attr("href")+原创 2017-03-18 21:28:14 · 1530 阅读 · 0 评论 -
jQuery表单数据验证之数据格式
jQuery前后端数据交互———表单数据格式JSON对象可以通过js存取属性,JSON对象装成JSON字符串经常用于前后台传输数据!JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" };jQUery-serializeArray()定义:原创 2017-03-18 21:27:25 · 503 阅读 · 0 评论 -
jQuery表单数据验证之数据格式
jQuery前后端数据交互———表单数据格式JSON对象可以通过js存取属性,JSON对象装成JSON字符串经常用于前后台传输数据!JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" };jQUery-serializeArray()定义:原创 2017-03-18 21:24:04 · 571 阅读 · 0 评论 -
14-jQuery常见的CDN和一些资源
14、jQuery常见的CDN和一些资源1、常见的CND加速服务Bootstrap中文网开源项目免费 CDN 服务百度静态资源公共库360网站卫士常用前端公共库CDN服务–已停止服务开放静态文件 CDN微软CDN服务阿里云百度开放云平台jQuery CDNjQuery cdn加速新浪CDN2、JQuery的一些资源速查手册 jQuery API 中文文档–css88 jQuery-overapi原创 2017-03-18 21:23:36 · 505 阅读 · 0 评论 -
13-jQuery性能优化
13、JQuery性能优化1、使用最新版的jQuery类库2、使用合适的选择器$(#id) 使用id来定位DOM元素是最佳的方式,为了提高性能,建议从最近的ID元素开始往下搜索$("p") , $("div") , $("input") 标签选择器性能也不错,它是性能优化的第二选择。因为jQuery将直接调用本地方法document.getElementsByTagName()来定位DOM元素$原创 2017-03-18 21:22:59 · 201 阅读 · 0 评论 -
12-jQuery各版本增加的一些方法
12、JQuery各版本增加的一些方法jQuery1.3新增常用的方法方法 :说明 .closest(): 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素 die(): 从元素中删除先前用live()方法绑定的所有的事件 live(): 附加一个事件处理器到符合目前选择器的所有元素匹配jQuery1.4新增常用的方法方法: 说明 .first(): 获取集合中第原创 2017-03-18 21:22:24 · 232 阅读 · 0 评论 -
11-jQuery插件
第十一节:插件什么是插件插件(Plugin)也称为jQuery的扩展。以jQuery核心代码为基础编写的符合一定规范的应用程序。通过js文件的方式引用。插件分为哪几类UI类、表单及验证类、输入类、特效类、Ajax类、滑动类、图形图像类、导航类、综合工具类、动画类等等引入插件的步骤引入jquery.js文件,而且在引用插件之前引入 引入插件 引入插件相关文件,比如皮肤、中文包如何自定义插件:插件形转载 2017-03-12 01:54:57 · 228 阅读 · 0 评论