jQuery简单好用的JavaScript代码库略解使用
这里写目录标题
- 为什么使用jQuery ?
- 什么是jQuery?
- 层级选择器
- 位置选择器
- 属性选择器
- 表单选择器
- jQuery完成DOM编程
- jQuery操作属性和样式
- jQuery操作事件
- 正则
为什么使用jQuery ?
原生使用JavaScript编码存在问题
1选择器功能弱
2 DOM操作繁琐之极
3浏览器兼容性不好
4动画功能弱
jQuery的优点
1强大的选择器
2出色的DOM封装
3出色的浏览器兼容性
4强大的动画功能
5体积小,压缩后只有100KB左右
6可靠的事件处理机制
7使用隐式迭代简化编程
8丰富的插件支持
什么是jQuery?
目前最流行的JavaScript函数库之一,对JavaScript进行了封装。并不是一门新语言。将常用的、复杂的操作进行函数化封装,直接调用,大大降低了使用JavaScript的难度,改变了使用JavaScript的习惯。jQuery能做的JavaScript也能做,但使用jQuery能大幅提高开发效率
层级选择器
位置选择器
针对上级标签而言的位置选择器
:first-child 匹配第一个子元素
:last-child匹配最后一个子元素
:only-child如果某个元素是父元素中唯一的子元素,将会被匹配
:nth-child(n) :nth-child(odd|even) :nth-child(xn+y) 匹配其父元素下的第N个子或奇偶元素
注意:nth-child()选择器编号是从
始,而其他选择器从0开始
属性选择器
表单选择器
关于表单项的选择器
:text :password :radio :checkbox :hidden :file :submit
:input 匹配所有 input, textarea, select 和 button 元素
关于表单项状态的选择器
:selected :checked :enabled :disabled :hidden :visible
注意("input")和("input")和("input")和(":input")的区别
("input"):标签选择器,只匹配input标签,("input"):标签选择器,只匹配input标签,("input"):标签选择器,只匹配input标签,(":input"): 匹配所有 input, textarea, select 和 button 元素
jQuery完成DOM编程
jQuery操作属性和样式
jQuery操作事件
单机事件
执行一次事件
动画效果
js和jq对象转换
验证码的产生:
正则
获得其他项的验证
jQuery简单好用的JavaScript代码库略解使用相关推荐
- 网页制作中最有用的免费Ajax和JavaScript代码库
本文中,小编整理了12个免费的Ajax和JavaScript代码库,可以帮助Web开发人员将应用程序提升到一个新水平. Ajax Instant Messenger 它是最流行和常用的Ajax代码解决 ...
- 带有Spring,Hibernate,Akka,Twitter Bootstrap,Apache Tiles和jQuery的Maven Web项目Kickstarter代码库...
我很高兴将第二个项目上传到GitHub,以帮助人们尽快开始Java Web App开发. 我正在与Apache License 2.0共享此代码. 这是相同的网址: https://github.co ...
- jquery 简单的进度条实现代码
网页结构: 代码如下: <div id="center"> <div id="message"></div> <di ...
- GitHub 删除代码库 详解
1> 进入到目标代码库中 2> 点击该页面中的 Settings 按钮,在跳转页面,在该页面最底部 Danger Zone 就会看到有一个 Delete this repository 按 ...
- jquery如何实现ajax技术,使用JavaScript和jQuery简单实现Ajax技术(示例代码)
Ajax的定义 Ajax被认为是(Asynchronous JavaScript and XML的缩写). 允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax的工作原理 Aja ...
- 页面展开收起php代码,jquery简单的展开收起效果代码
如今,很多WordPress主题都有这种功能,就是在文章内容中将部分内容折叠起来,这样会导致文章内容不至于太长,用户也有耐心看下去.今天我来说下这种效果的简单实现方法.首先,实现这种效果的前提是网站需 ...
- vscode 调试html页面,基于VSCode调试网页JavaScript代码过程详解
一.调试准备 Windows10 64bits IDE:Visual Studio Code1.28.2 安装插件:Chrome(安装方法:Debug -> Install Additional ...
- 以优美方式编写JavaScript代码
英文原文:CoffeeScript: The beautiful way to write JavaScript 我用 JavaScript 编程很多年了,写了大量的 JavaScript 代码,即便 ...
- 使您JavaScript代码更加健壮
JavaScript一直是重要的编程语言,是唯一在浏览器中可靠运行的语言. 前端开发以及基于Node.js的后端开发的最新趋势推动了JavaScript应用程序的规模和复杂性. 大型团队开发的大型应用 ...
- 加入收藏代码_100个原生JavaScript代码片段知识点详细汇总【实践】
作者:小棋子js 转发链接:https://www.jianshu.com/p/b5171efa340f JavaScript 是目前最流行的编程语言之一,正如大多数人所说:"如果你想学一门 ...
最新文章
- 微生物组科学蓬勃发展,5大方向备受行业关注!
- Python的定时器
- crm---本项目的权限控制模式
- quartus 修改 时钟_FPGAQuartusII时钟约束.doc
- S3c2410_SDIO_调试笔记二
- JQuery: 实现筛选功能
- SpringBoot 2.x 整合Lombok
- java final 修改_“无法改变的设计”——浅谈Java中的final关键字
- 复购分析实践中,Pandas 遇到了大难题
- VS 2015 64位CMake编译openCV3.1.0必备文件
- 如何使用KeyChain保存和获取UDID
- 生信技能树课程记录笔记(一)20220523
- 关于Vs配置Opencv出现的错误“ 0x000007fefdf6a06d (KernelBase.dll) 处最可能的异常: Microsoft C++ 异常:”!!!
- 迅为-4418开发板-驱动-PWM输出实验
- matlab 导出图片坐标_Matlab绘图---坐标系显示设置
- 三天学会MySQL - MySQL数据库章节练习
- java计算机毕业设计科技项目在线评审系统MyBatis+系统+LW文档+源码+调试部署
- Python3 Django的补充
- less/sass中属性选择器使用方法
- pyspider显示web太小
热门文章
- Linux宝库名人轶事栏目 | 我与中国开源软件二十年(一)
- 【火灾检测】基于matlab GUI火灾检测(带面板)【含Matlab源码 1646期】
- 毕设题目:Matlab优化布局
- 【图像隐写】基于matlab GUI DWT+SVD数字水印 【含Matlab源码 939期】
- 【聚类分析】基于matlab GUI K-means聚类分析【含Matlab源码 791期】
- 【火灾检测】基于matlab GUI火灾检测【含Matlab源码 249期】
- 【图像去噪】基于matlab即插即用法图像去噪【含Matlab源码 152期】
- ymodem传输的终端工具_国六在线监控OBD终端H6S信息安全防篡改技术实现
- 数据重塑_人工智能能否重塑全球力量平衡?
- 如何识别媒体偏见_面部识别技术存在偏见:为什么我们不应该盲目相信新技术