JavaWeb前端:JQuery
Jquery基本概念
什么是Jquery
- Jquery是一个开源的,集成了Javascript,CSS,DOM,AJAX的前端框架;它诞生于2006年,最初是为了简化JavaScript开发而产生的,随着越来越多的开发者参与,JQuery逐渐演化成了一个易于开发,具有很多功能的前端框架。
- JQuery和普通的JavaScript比起来最大的优点就是使用方便,能有效的提高开发效率;其次JQuery考虑了不同浏览器的兼容性问题,具有很好的兼容性,使得开发者从浏览器兼容性的问题中解放出来。
- 除了JQuery,剩余较为流行的库有:Prototype(最早成型的JavaScript库之一),Dojo,ExtJS ..
如何使用Jquery
- 官网下载jquery包,jquery本质上就是一个js文件,直接在Web工程中加入此js文件(通常采用压缩后的文件),然后在使用jqeury的页面中导入js即可(<script src="jquery.js"></srcipt>)
- 无论Eclipse,Sublime或者是其它IDE,通常都有支持JQuery开发的插件(Eclipse有各种支持前端开发的插件,比如emmet)
JQuery和DOM对象
jquery和dom对象
- 使用DOM方法获取的对象(document.getElementByXXX),就是DOM对象,DOM对象不能使用Jquery中定义的方法。
- 使用Jquery选择器获取的对象就是Jquery对象,Jqury获取的对象也不能使用DOM对象中的方法,只能使用Jquery中定义的方法。
- Jquery对象和DOM对象可以互相转换。
jquery转化为DOM
DOM转化为Jquery
Jquery在和其它JS库共存的时候,可能会有特殊字符产生的冲突,需要用jQuery.noConflict() 方法释放$ 的权限
- get()
JavaWeb前端:JQuery的更多相关文章
- Web前端JQuery入门实战案例
前端jquery入门到实战 为什么要学习Jquery?因为生活. 案例: <!DOCTYPE html> <html lang="zh-CN"> <h ...
- Web前端JQuery面试题(三)
Web前端JQuery面试题(三) 1.怎么阻止冒泡过程? stopPropagation(); // 阻止冒泡过程 2.ready()方法和onload()方法的区别? onload()方法要等页面 ...
- Web前端JQuery面试题(二)
Web前端JQuery面试题(二) 1.请写出jquery的语法? <script type="text/javascript"> $(document).ready( ...
- Web前端JQuery面试题(一)
Web前端JQuery面试题(一) 一:选择器 基本选择器 什么是#id,element,.class,*,selector1, selector2, selectorN? 答: 根据给定的id匹配一 ...
- JavaWeb:前端开发基础
JavaWeb:前端开发基础 内联元素和块级元素 说明: 联元素和块级元素都是html中的范畴,块元素和内联元素的主要差异是块元素是从新的一行开始.而内联元素一般显示在一行上.但是可以通过css的di ...
- 关于前端 jQuery 面试的知识点
参考一个博主整理的一些前端 jQuery 的一些面试题 参考博客:https://www.cnblogs.com/dashucoding/p/11140325.html 参考博客:https://ww ...
- Python之Web前端jQuery扩展
Python之Web前端: 一. jQuery表单验证 二. jQuery扩展 三. 滚动菜单 一. jQuery表单验证: 任何可以交互的站点都有输入表单,只要有可能,就应该对用户输入的数据进行验证 ...
- JavaWeb前端: JavaScript 简介
JavaScript基本概念 什么是JavaScript JS是运行在浏览器里的解释性语言,能实现浏览器端和用户的直接交互(HTML输出/响应事件/改变HTML内容图像样式):除了变量不区分类型以外, ...
- web前端-----jQuery
web前端之jQuery篇 一 jQuery是什么? [1] jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. [2] j ...
随机推荐
- block的循环引用
什么是循环引用呢? 就是我引用你,你引用我,就会造成循环引用,双方都不会被销毁,导致内存泄漏. _block = ^{ NSLog(@"%@", self); }; block会 ...
- [原创]WKWebview点击图片查看大图
大家都知道,WKWebview是没有查看大图的属性或者方法的,所以只能通过js与之交互来实现这一功能,原理:通过js获取页面的图片,把它存放到数组,给图片添加点击事件,通过index显示大图就行了 其 ...
- 升级python到2.7版本pip不可用
升级python到2.7版本pip不可用 [root@localhost pip-7.1.2]# pip Traceback (most recent call last): File "/ ...
- linux vmware安装完成后如何设置桥接上网
linux 主机初步安装完成后还是不能上网,如何设置共享上网 1 首先要明白上网方式:虚拟机网卡-------------------vmnet1--------------------真实机网卡( ...
- 在ubuntu 14.04上安装2.6的内核
1.到http://www.kernel.org/pub/linux/kernel/v2.6/linux-2.6.32.tar.bz2这里下载最新的稳定版内核: 2.根据各自系统,安装如下软件:l b ...
- webstorm 配置scss的问题
第一种方法(ruby方法) 先安装ruby,在windows/system32目录下 1.先查询源是什么 gem sources 2.移除原有的源头 gem sources -r http://xxx ...
- 参考:鼠标点击事件(Selenium)
1.鼠标右键点击操作:Actions action = new Actions(driver) ;action.contextClick(driver.findElement(By.xpath(xpa ...
- office2003?2007共存?版本各自打开的解决方案
在现在的办公软件中, Microsoft出品的 Office集成办公软件占据了绝大多数的市场份额,从最初的 Office 2000,到后面的 Office 2003以至近两年刚发行的 Office 2 ...
- Android 开机自启服务
package com.example.lenovo.guangbo; import android.app.Service; import android.content.Intent; impor ...
- ionic imgBase64
navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: , destinationType: destinationTyp ...