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 ...
随机推荐
- ASP.NET Repeater嵌套Repeater实现菜单加载
在KS系统中要实现从数据库中读取界面权限文件实现菜单.界面的动态加载. 效果图: ASP.NET界面代码 <div id="menu-container"> <a ...
- 不安装oracle客户端,用plsql连接oracle
常用的Oracle开发的工具有SQL Developer和PL/SQL Developer,个人感觉前者虽然跨平台性优于后者,但比较大(大于300M)占用资源,而且用户体验也一般,而后者相对就小很多( ...
- jquey与javascript相通运用查找(全)
1.addClass\removeClass\classList(js) jQ:$('#div').addClass('hover')=====document.getElementById('div ...
- React Native for Android 学习笔记
C:\Users\Vic Lee\AwesomeProject>react-native run-android Starting JS server... Running D:\Android ...
- 简单的方式优化mysql
参考博客 自己笔记本上向mysql导入txt数据,有一个table导入了将近4个小时,而且多个table之间都是相互之间存在关系的,所以做联合查询的时候你会发现问题会十分的多,我之前联合查询两个表就死 ...
- ubuntu安装
今天在win10下安装Ubuntu,结果没经验导致win10找不回来了,我再好好整理些思路 安装前要做一个ghost,万一出现问题可以用来恢复系统! 1,我使用USB Installer 在http: ...
- 使用xfire工具搭建webservice
一个简单的项目,下载下来导入可以直接使用 https://yunpan.cn/cY8ANUAYLgy7s 访问密码 99e3
- SpringBoot Schedule 配置
1. 定时任务实现方式 定时任务实现方式: Java自带的java.util.Timer类,这个类允许你调度一个java.util.TimerTask任务.使用这种方式可以让你的程序按照某一个频度执行 ...
- rabbitmq 3.6 延时消息
rabbitmq-plugins enable rabbitmq_delayed_message_exchange #安装插件 https://github.com/rabbitmq/rabbitmq ...
- 使用reflux进行react组件之间的通信
前言 组件之间为什么要通信?因为有依赖. 那么,作为React组件,怎么通信? React官网说, 进行 父-子 通信,可以直接pass props. 进行 子-父 通信,往父组件传给子组件的函数注入 ...