环境搭建 搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行. 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库.在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可. 2. 引入jQuery文件库 下载完jQuery框架文件后,并不需要任何的安装,仅需要使 用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载后保存在项目文件夹Jscript中,那么,在页…
1.jQuery简介: ● jQuery由美国人John Resig于2006年创建 ● jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装 ● 它的设计思想是write less,do more(以更少的代码,实现更多的功能):                                     ●jQuery是javaScript的程序库之一,它是javaScript对象和实用函数的封装. ●jQuery是继Prototype之后又一个优秀的…
全部章节   >>>> 本章目录 6.1 jQuery概述 6.1.1 初识 jQuery 6.1.2 jQuery 基本功能 6.1.3 搭建 jQuery 开发环境 6.1.4 编写一个简单的 jQuery 应用 6.1.5 jQuery代码的特点 6.1.6 实践练习 6.2 jQuery 基本选择器 6.2.1 jQuery 选择器概述 6.2.2 基本选择器 6.2.3 实践练习 6.3 过滤选择器 6.3.1 基本过滤选择器 6.3.2 内容过滤选择器 6.3.3 可见…
一.Jquery的优势 体积小,压缩后只有100KB左右 强大的选择器 出色的DOM封装 可靠的事件处理机制 出色的浏览器兼容性 使用隐式迭代简化编程 丰富的插件支持 二.Jquery语法 三.DOM对象和jQuery对象…
第8章,用jQuery打造个性网站 网站结构 文件结构 images文件夹用于存放将要用到的图片 styles文件夹用于存放CSS样式表,个人更倾向于使用CSS文件夹 scripts文件夹用于存放jQuery脚本,个人更倾向于使用JS文件夹存放所有的js及jQuery脚本 编写CSS样式 推荐首先编写全局样式,接着编写可大范围内重用的样式,最后编写细节样式,这样根据CSS最近优先原则,可以较容易地对网站进行从整体到细节样式的定义 第9章,jQuery Mobile jQuery Mobile主要…
JQuery是一个优秀的Javascript框架,是轻量级的js库,使用jQuery将极大的提高编写javascript代码的效率,,让写出来的代码更加优雅,更加健壮. 学好了jquery,我们相当于站长了巨人的肩膀上. 我将分三篇博客为大家介绍jquery,本篇博客将主要介绍jquery的基本语法.智能感知.选择器和事件. 一.基本语法 <html> <head> <script type="text/javascript" src="Scri…
jQuery基础---Ajax基础 内容提纲: 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax()方法 6.表单序列化 发文不易,转载请注明出处~ 一.Ajax 概述 Ajax 这个概念是由 Jesse James Garrett 在 2005 年发明的. 它本身不是单一技术, 是一串技术的集合,主要有: 1.JavaScript,通过用户或其他与浏览器相关事件捕获交互行为: 2.XMLHt…
早几年学习前端,大家都非常热衷于研究jQuery源码.我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,“原来JavaScript居然可以这样用!” 虽然随着前端的发展,另外几种前端框架的崛起,jQuery慢慢变得不再是必须.因此大家对于jQuery的热情低了很多.但是许多从jQuery中学到的技巧用在实际开发中仍然非常好用.简单的了解它也有助于我们更加深入的理解JavaScript. 这篇文章的主要目的就是跟大家分享一下,jquery对象是如何封装的.算是对于…
jQuery:自学笔记(1)——基础入门 认识JQuery 1.jQuery概述 jQuery是一个快速.小巧 .功能丰富的JavaScript函数库.它可以实现“写的少,做的多”的目标. jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 它使得像HTML文档的遍历和操作 .事件处理 .动画.Ajax异步加载等等这些技术可以通过运用API非常简单和容…
一.dom对象及jquery对象相互转换 jquery对象转换成dom对象,即 [index] 和 get(index) 第一种方式: var $j = $('#id'); // jquery对象 var j = $j[0]; // dom对象 第二种方式: var $j = $('#id'); // jquery对象 var j = $j.get(0); // dom对象 二.jquery库与其他库的冲突 1. jquery库在其他库之后导入 第一种:使用 jQuery.noConflict(…
一.什么是 jQuery jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法.它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript.CSS.DOM和Ajax于一体的强大功能.它可以用最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐. JQuery的优点:小巧.方便.功能强大.插件丰富.开源.免费. 二.Jquery的功能和优势 jQuery 作为 Ja…
### 什么是jQuery?jQuery(js+Query)是一款优秀的JavaScript库,帮助开发人员用最少的代码做更多的事情,官网网站http://jquery.com/ ### 为什么学习jQuery?* jQuery让元素选取,事件处理,动画,DOM操作,属性操作,Ajax变得简单,通过链式调用和隐形迭代让代码更加简洁,更重要的是他可以几乎兼容所有的浏览器* 几乎所有的巨头都在使用jQuery* 丰富的插件支持和强大的生态体系* 解读优秀框架,提高编程的视野 ### jQuery学什…
jquery是一个快速.小巧,功能强大的javascript函数库. jquery主要用来替代原生的javascript,简化代码. 前端最头疼的就是兼容:IE6/7/8兼容的最高版本是jQuery1.9.1 jQuery的操作在一个类中,不会污染顶级变量 基本不用考虑浏览器的兼容性 支持链式操作方式 隐式迭代 行为层和结构层分离 丰富的插件支持 jQuery符号: jQuery=function jQuery(arg){ alert(arg); } $=window.jQuery=jQuery…
本文主要总结jQuery中一些知识点 概念 美元符号$是著名的jQuery符号.jQuery把所有功能全部封装在一个全局变量jQuery中,而$也是一个合法的变量名,它是变量jQuery的别名 $本质上就是一个函数,但是函数也是对象,于是$除了可以直接调用外,也可以有很多其他属性 选择器 层级选择器 查找和过滤 操作DOM 修改Text和Html:调用jQuery对象的 text( ) 和 html( ) 方法分别获取节点和原始Html文本 修改CSS:调用jQuery对象的 css('name…
先介绍两个函数(数组) 1.$.map(array,function(element,index)); 对于数组array中的每个元素,调用上面所示的function(element,index)函数,最终返回一个新的数组.原数组不变.    案例: <script type="text/javascript"> //索引值大于3的元素值翻倍. var arr=[2,3,4,5,6,7,8]; var nwArr = $.map(arr,function(ele,index…
javascript的核心API设计的很简单,但由于浏览器之间的不兼容性,导致客户端的API过于复杂.IE9的到来缓解了这种情况.然而使用javascript的框架或者工具类库,能简化通用操作,处理浏览器之间的差异,这让很多程序员在开发web应用时变得更简单. jQuery类库被广泛的使用,作为web开发者,我们必须熟悉它:即便没有在自己的代码中遇到,也可能在别人的代码中遇见.幸运的是,jQuery代码足够小巧和稳定,本章就能将它讲述清楚. jQuery能让你在文档中轻松找到关心的元素,并对这些…
jQuery是随着Web2.0兴起的JavaScript库之一,因为其独特的优点,受到越来越多人的追捧! 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简介 JS是一种脚本语言. JS的优点:是网页和用户之间实现了一种实时的.动态的和交互的关系,是网页可以包含更多活跃的元素和更加精彩的内容. JS的不足:复杂的文档对象模型(DOM).不一致的浏览器实现和便捷的开发.调试工具的缺乏. 1.1.2 JavaScript库作用及对比 JS库出现的目的是为了简化J…
jQuery在我印象中,就是很多类似$(),然后昨天开始接触了,觉得很和谐,获取元素比JavaScript简单很多,有意思. 一.开始学习jQuery,下载jQuery库的文件 http://jquery.com/download/ jQuery库有两个版本: 我只是使用这个jQuery库,所以我就只下载了生产版本,足以. 二.开始我的第一个Demo 1.html文件 <!DOCTYPE html> <html> <head> <meta charset=&quo…
第四章 使用jQuery操作DOM 一.DOM操作 在jQuery中的DOM操作主要可分为样式操作.文本和value属性值操作.节点操作: 节点操作又包含属性操作.节点遍历和CSS-DOM操作. 其中最核心的部分是节点操作和节点遍历. 二.样式操作 1.设置和获取样式 设置样式的语法: $(selector).css(name,value);//设置单个属性值 $(selector).css({name:value,-..nameN:valueN});//设置多个属性值 获取样式的语法:$(se…
个人学习笔记  初识jQuery 1.我的第一个JQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>MyJQuery</title> <script src="jquery-1.12.4.js"></script> <script> //J…
一.课程笔记 1.1  软件开发周期 (1)需求分析阶段 分析客户的业务和数据处理需求. (2)概要设计阶段 设计数据库的E-R模型图,确认需求信息的正确和完整. /* E-R图:实体-关系图(Entity Relationship Diagram),提供了表示实体类型.属性和联系的方法,用来描述现实世界的概念模型. 实体 一般认为,客观上可以相互区分的事物就是实体,实体可以是具体的人和物,也可以是抽象的概念与联系.关键在于一个实体能与另一个实体相区别,具有相同属性的实体具有相同的特征和性质.用…
第一章:初识jQuery 一.原生的JS与jQuery的区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>03-jQuery和JS入口函数的区别</title> <script src="js/jquery-1.12.4.js"></script> <…
Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ©Copyright  蕃薯耀 2017年2月16日 http://fanshuyao.iteye.com/ 一.页面表单代码 <form id="se…
js进阶 11-6  jquery如何获取和设置元素的宽高(jquery多方法) 一.总结 一句话总结:jquery里面多是方法啊,比如jquery对象的宽高.所以取值是方法,赋值就是方法里面带参数. 1.百度富文本编辑器ueditor如何设置宽高? jquery对象的width()和height()方法 37 $('#btn2').click(function(){ 38 $("#div1").width(50) 39 $('#div1').height(50) 40 }) 2.ju…
一个工厂 (function(global, factory){ "use strict" // operation_1 })(typedef window !== "undefined" ? window : this, function (window, noGlobal) { // operation_2 }) =====> (function(args,...){...})(params,...) // 一种自执行方法,形式为(function(){}…
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend(); jQuery.fn jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//…. //…… }; 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦. 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. jQuery…
第1章,认识jQuery 注意:使用的jQuery版本为1.7.1 目前流行的JavaScript库 Prototype(http://www.prototypejs.org),成型早,面向对象的思想把握不到位,导致结构松散 Dojo(http://dojotoolkit.org),学习曲线陡,文档不全,最严重的是API不稳定 YUI(http://developer.yahoo.com/yui/) Ext JS(http://www.extjs.com),侧重界面,比较臃肿,用于商业用途需要付…
jQuery是一个优秀的JavaScript库,它凭借简洁地语法和跨平台的兼容性,极大地简化了开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax操作. jQuery优势:1.轻量级.2.强大的选择器.3.出色的DOM操作的封装.4.可靠的事件处理机制.5.完善的Ajax.6.不污染顶级变量.7.出色的浏览器兼容性.8.链式操作方式.9.隐式迭代.10.行为层与结构层分离.11.丰富的插件支持.12.完善的文档.13.开源. (1)编写简单的jQuery代码: 注:$ 就是jQ…
 您要知道!! jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库. 微软公司甚至把jQuery作为他们的官方库.对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术, 为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果. 我们先来学习一下jQuery的语法结构: $(selector).action(); 1.工厂函数$() 在jQuery中,"$"美元符号等…
隐藏.显示.切换,滑动,淡入淡出,以及动画 效果演示 点击这里,隐藏/显示面板 一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容. 在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识. 实例 jQuery hide() 演示一个简单的 jQuery hide() 方法. jQuery hide() 另一个 hide() 演示.如何隐藏部分文本. jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元…