javaScript之jQuery框架

一.jQuery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:具…

Sublime text代码补全插件(支持Javascript、JQuery、Bootstrap框架)

Sublime text代码补全插件(支持Javascript.JQuery.Bootstrap框架) 插件名称:javascript-API-Completions 支持Javascript.JQuery.Twitter Bootstrap框架.HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言. 下载地址:https://github.com/P…

TypeScript 强类型 JavaScript – Rafy Web 框架选型

今天看到了 AngularJs 2.0 版本将基于 TypeScript 构建的消息.与同事们对 TypeScript 展开了讨论.本文记录一些个人的想法. 理想的 JavaScript 开发模式其实早在 TypeScript 发布早期的时候,我就已经开始关注这个语言.因为在2012年初时,我需要为 Rafy/OEA 平台选型编写 Web 端自动界面生成框架:Rafy.js.而这个客户端框架需要基于一些流行的 JS 库来进行开发,当时选型的重点就是选择哪一个基础框架. 当时,我期望能找到一种…

JavaScript客户端MVC 框架综述

简介 15 年前,许多人都使用 Perl 和 ColdFusion 之类的工具构建网站.我们经常编写可以在页面顶部查询数据库的脚本,对数据应用必要的转换,以及在同一个脚本底部显示数据.这类架构适合于向网站添加简单的 "Contact us" 表单.然而,随着应用程序变得更加复杂,这种方法无法进行相应的扩展来处理更大的复杂问题.大部分 Web 应用程序现在已经对模型-视图-控制器 (MVC) 架构进行了标准化,使用单独的代码实现业务逻辑.显示逻辑和用户交互(路由)逻辑.涌现出从 Spri…

jQuery框架分析第一章: 第一个匿名函数

我的jQuery版本为1.7* 这个版本代码比之前的版本优化了很多,结构也清晰了不少,就用最新的吧. 打开jQuery源代码首先你能看到所有代码被一个 (function(window,undefined){ })(window) 这是个什么东西.. 首先,这是一个匿名函数(不懂?那就先去谷歌下吧): 其次,这是一个自调用匿名函数: 这段代码做了三件事第一件:创建一个只给jQuery用的空间,我们估且就叫 “私有空间”,与C++的命名空间很相似,为了保证jQuery不与其他JavaScrip…

JavaScript、Jquery选择题

尚学堂Java EE软件工程师认证考试试题库-选择题一. 选择题(包括单选和双选) 1.B 在JavaScript中,以下变量命名非法的是( )(选择一项) A. numb_1 B. 2numb C. sum D. de2$f 2.C 假设今天是2006年4月1日星期六,请问以下javascript代码输出结果是( )(选择一项) var time = new Date( ); document.write(time.getDate( )); A. 2006 B. 4…

jQuery框架的简单使用（H5）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>作业</title>  <script src="jQuery/jquery-3.1.0.min.js"></script> <script src="javascript/index.js&…

最好的10本适用于初学者阅读的javaScript和jQuery书籍

现在有许多方式学习新的内容,但是对于刚开始学习和寻找真正沉迷其中的平和状态的人而言,经典的纸质书籍依旧是首选.我发现阅读一本纸质书籍会让自己远离那些在使用电脑和平板时出现的令人不安的情绪.电子书和播客正在获得越来越多的人们的青睐,同时你也会容易的找到一些书籍的电子版,在javascript上记录数据的一些小技巧会帮助你更好的进行阅读.我必须承认,就参考查询而言,相比于在纸质书上查看索引,电子书确实更快.我所包含的大多数的书,对于初学者而言是有用的,因为它们很好的介绍了javascript语言,并…

浅析jQuery框架与构造对象

这是一些分析jQuery框架的文字面向的读者应具备以下要求 1.非常熟悉HTML 2.非常熟悉javascript语法知识 3.熟悉javascript面向对象方面的知识 4.熟练使用jQuery框架言归正传! jQuery对象的初始化是写在匿名函数里的就像这样: (function(){alert("jQuery框架分析")})(): 第一个括号是声明了一个函数,第二个括号是执行这个函数.也就是说,jQuery框架在页面载入的时候已经做了一些事情(这个个匿名函数已经被执行…

CSS+Javascript的那些框架

CSS CSS 制作框架 SASS http://www.oschina.net/p/sass Blueprint http://www.oschina.net/p/blueprintcss Elastic CSS布局 http://www.oschina.net/p/elastic CSS 预处理器 Stylus CSS预处理器 http://www.oschina.net/p/stylus LESS CSS预处理 http://www.oschina.net/p/lesscss Web…

引用jquery框架后出错

问题描述:当引用了jquery框架后,页面的js不能正常工作. 后面我的解决办法:是因为在引用 jquery的框架时的代码为 <script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js" /> 改为如下的引用方式 <script type="text/javascript" src="resources/js/jquery/jq…

jQuery框架-2.jQuery操作DOM节点与jQuery.ajax方法

一.jQuery操作DOM 内部插入操作: append(content|fn):向每个匹配的元素内部追加内容. prepend(content):向每个匹配的元素内部前置内容. 外部插入操作: after(content|fn):在每个匹配的元素之后插入内容. before(content|fn):在每个匹配的元素之前插入内容. 包裹操作: wrap(html|element|fn):把所有匹配的元素用其他元素的结构化标记包裹起来. unwrap():这个方法将移出元素的父元素. wrapAl…

jQuery系列第四章 jQuery框架的选择器

第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元素的标签名.属性名.状态等进行快速准确的选择,而且不必担心浏览器的兼容性,写法更加简洁. jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择. 优点:相对于直接使用 JavaScript 获取页面元素和处理业务逻辑相比,使用jQuery 选择器来进行操作代码更简单且拥有…

jQuery系列第七章 jQuery框架DOM操作

第七章 jQuery框架的选择器 jQuery框架继承和优化了JavaScript访问DOM对象的特性,我们使用jQuery框架提供的api可以更加方便的操作DOM对象. 7.1 创建DOM节点使用JavaScript原生方式创建DOM节点并添加到页面中的代码示例: //01 创建DOM节点 var oDiv = document.createElement("div"); //02 设置DOM节点的内容 oDiv.innerText = "测试的DIV标签";…

jQuery系列第六章 jQuery框架事件处理

第六章 jQuery框架事件处理 JavaScript以事件驱动来实现页面的交互,其核心是以消息为基础,以事件来驱动.虽然利用传统的JavaScript事件处理方式也能够完成页面交互,但jQuery框架增加并扩展了基本的事件处理机制,jQuery框架提供了更加优雅的事件处理语法,并极大的增强了事件处理能力. 6.1 事件处理简单说明 jQuery框架在JavaScript的基础上进一步封装了不同类型的事件模型,形成了一套更强大和优雅的“jQuery事件模型”. jQuery中的事件模型表现出以下…

jQuery系列第五章 jQuery框架动画特效

第五章 jQuery框架动画特效 5.1 jQuery动画特效说明 jQuery框架中为我们封装了众多的动画和特效方法,只需要调用对应的动画方法传递合适的参数,就能够方便的实现一些炫酷的效果,而且jQuery框架还支持自定义各种动画效果. jQuery中的动画效果主要有以下方法 ① 显示和隐藏动画② 展开和收起动画③ 淡入和淡出动画④ 自定义动画效果 5.2 显示和隐藏动画 jQuery框架中为我们提供了专门的方法来控制让标签显示或者是隐藏.标签的显示和隐藏在开发中相对来说是比较常见的操作,如果…

jQuery系列第三章 jQuery框架操作CSS

第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScript设置标签的样式相对来说比较麻烦,而如果需要批量的设置多个标签的样式那需要写很多代码,使用jQuery可以为我们简化该过程. 使用原生的方式来设置标签的样式(代码示例) <body> <div>我是div标签</div> <button id="…

jQuery系列第二章 jQuery框架使用准备

第二章 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系列第一章 jQuery框架简单介绍

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

利用jQuery扩展接口为jQuery框架定义了两个自定义函数，然后调用这两个函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta htt…

1.在html中引入js文件和Jquery框架

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>在html引入js文件和Jquery框架</title> <script type="text/javascript" src="js或jquery路径,具体到文件名"> </script> &…

DOM与JavaScript、jQuery之间的关系

DOM(document object model) 其实是浏览器内元素对象的一个总称我们用JavaScript对网页进行的所有操作都是通过DOM进行的.DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容,所以如果你下载一个JavaScript语言的参考帮助文档来查的话,就连妇孺皆知的document.write方法也找不到. 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以…

Java项目在jsp页面中引入jquery框架的步骤

环境:在Java web项目中引入juqery框架工具:MyEclipse8.5 [步骤如下] A:新建一个Java web项目TestJquery,在WebRoot目录下创建一个jquery文件夹 B:下载jquery-1.8.3.min.js放入jquery文件夹中 C:创建jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%&g…

Web前端学习笔记之JavaScript、jQuery、AJAX、JSON的区别

官网的英文解释: javascript和jQuery有点关系,js是一种脚本语言,主要用于客户端,现在主要用于实现一些网页效果. jquery是js的一个库,你可以认为是对js的补充,提供了很多方便易用的方法,兼容性也好很多,个人更喜欢用jquery. AJAX全名是Asynchronous Javascript And XML,意思是异步JavaScript和XML.是一种创建交互式网页的技术.简单点说就是能不通过后台在网站前台进行数据库操作了. json(JavaScript Object…

jQuery框架学习第十一天：实战jQuery表单验证及jQuery自动完成提示插件

jQuery框架学习第一天:开始认识jQueryjQuery框架学习第二天:jQuery中万能的选择器jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQuery操作元素的属性与样式jQuery框架学习第五天:事件与事件对象jQuery框架学习第六天:jQuery中的Ajax应用jQuery框架学习第七天:jQuery动画–jQuery让页面动起来! jQuery框架学习第八天:ASP.NET jQuery实施方案jQuery框架学习第九天:jQuery工…