这里写目录标题

  • 为什么使用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代码库略解使用相关推荐

  1. 网页制作中最有用的免费Ajax和JavaScript代码库

    本文中,小编整理了12个免费的Ajax和JavaScript代码库,可以帮助Web开发人员将应用程序提升到一个新水平. Ajax Instant Messenger 它是最流行和常用的Ajax代码解决 ...

  2. 带有Spring,Hibernate,Akka,Twitter Bootstrap,Apache Tiles和jQuery的Maven Web项目Kickstarter代码库...

    我很高兴将第二个项目上传到GitHub,以帮助人们尽快开始Java Web App开发. 我正在与Apache License 2.0共享此代码. 这是相同的网址: https://github.co ...

  3. jquery 简单的进度条实现代码

    网页结构:  代码如下: <div id="center"> <div id="message"></div> <di ...

  4. GitHub 删除代码库 详解

    1> 进入到目标代码库中 2> 点击该页面中的 Settings 按钮,在跳转页面,在该页面最底部 Danger Zone 就会看到有一个 Delete this repository 按 ...

  5. jquery如何实现ajax技术,使用JavaScript和jQuery简单实现Ajax技术(示例代码)

    Ajax的定义 Ajax被认为是(Asynchronous JavaScript and XML的缩写). 允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax的工作原理 Aja ...

  6. 页面展开收起php代码,jquery简单的展开收起效果代码

    如今,很多WordPress主题都有这种功能,就是在文章内容中将部分内容折叠起来,这样会导致文章内容不至于太长,用户也有耐心看下去.今天我来说下这种效果的简单实现方法.首先,实现这种效果的前提是网站需 ...

  7. vscode 调试html页面,基于VSCode调试网页JavaScript代码过程详解

    一.调试准备 Windows10 64bits IDE:Visual Studio Code1.28.2 安装插件:Chrome(安装方法:Debug -> Install Additional ...

  8. 以优美方式编写JavaScript代码

    英文原文:CoffeeScript: The beautiful way to write JavaScript 我用 JavaScript 编程很多年了,写了大量的 JavaScript 代码,即便 ...

  9. 使您JavaScript代码更加健壮

    JavaScript一直是重要的编程语言,是唯一在浏览器中可靠运行的语言. 前端开发以及基于Node.js的后端开发的最新趋势推动了JavaScript应用程序的规模和复杂性. 大型团队开发的大型应用 ...

  10. 加入收藏代码_100个原生JavaScript代码片段知识点详细汇总【实践】

    作者:小棋子js 转发链接:https://www.jianshu.com/p/b5171efa340f JavaScript 是目前最流行的编程语言之一,正如大多数人所说:"如果你想学一门 ...

最新文章

  1. 微生物组科学蓬勃发展,5大方向备受行业关注!
  2. Python的定时器
  3. crm---本项目的权限控制模式
  4. quartus 修改 时钟_FPGAQuartusII时钟约束.doc
  5. S3c2410_SDIO_调试笔记二
  6. JQuery: 实现筛选功能
  7. SpringBoot 2.x 整合Lombok
  8. java final 修改_“无法改变的设计”——浅谈Java中的final关键字
  9. 复购分析实践中,Pandas 遇到了大难题
  10. VS 2015 64位CMake编译openCV3.1.0必备文件
  11. 如何使用KeyChain保存和获取UDID
  12. 生信技能树课程记录笔记(一)20220523
  13. 关于Vs配置Opencv出现的错误“ 0x000007fefdf6a06d (KernelBase.dll) 处最可能的异常: Microsoft C++ 异常:”!!!
  14. 迅为-4418开发板-驱动-PWM输出实验
  15. matlab 导出图片坐标_Matlab绘图---坐标系显示设置
  16. 三天学会MySQL - MySQL数据库章节练习
  17. java计算机毕业设计科技项目在线评审系统MyBatis+系统+LW文档+源码+调试部署
  18. Python3 Django的补充
  19. less/sass中属性选择器使用方法
  20. pyspider显示web太小

热门文章

  1. Linux宝库名人轶事栏目 | 我与中国开源软件二十年(一)
  2. 【火灾检测】基于matlab GUI火灾检测(带面板)【含Matlab源码 1646期】
  3. 毕设题目:Matlab优化布局
  4. 【图像隐写】基于matlab GUI DWT+SVD数字水印 【含Matlab源码 939期】
  5. 【聚类分析】基于matlab GUI K-means聚类分析【含Matlab源码 791期】
  6. 【火灾检测】基于matlab GUI火灾检测【含Matlab源码 249期】
  7. 【图像去噪】基于matlab即插即用法图像去噪【含Matlab源码 152期】
  8. ymodem传输的终端工具_国六在线监控OBD终端H6S信息安全防篡改技术实现
  9. 数据重塑_人工智能能否重塑全球力量平衡?
  10. 如何识别媒体偏见_面部识别技术存在偏见:为什么我们不应该盲目相信新技术