JQuery基本知识框架思维导图(上)

简介: 一:认识jQuery     1.window.onload与$(document).ready()的对比     2.jQuery代码风格(1:链式代码风格2:位代码添加注释)     3.

一:认识jQuery

    1.window.onload与$(document).ready()的对比

    2.jQuery代码风格(1:链式代码风格2:位代码添加注释)

    3.jQuery对象和DOM对象(1.DOM对象和jQuery对象简介2.DOM对象和jQuery对象互相转换)

二:jQuery选择器

     1.什么是jQuery选择器

     2.jQuery选择器优势

     3.jQuery选择器

       1.基本选择器(5种#id,.class,element,*,select1....selectN)

       2.层次选择器(4种$("div p"),$("div>p"),$("div+p"),$("div~p"))

       3.过滤器6种:

         基本选择器(10种,$("div:first")、$("div:last"),:not(select),:even,:odd,:eq(index)//从0开始,

                     :gt(index),:lt(index),:header,:animated)

         可见过滤器(2种,:hidden,:visible)

         内容过滤器(4种,$("div:contains(text)"),$("div:empty"),:has(select),:parent());

         属性过滤器(6种,$("div[id]"),$("div[id="a"]"),div[id!="a",div[id^="a",div[id$="a",div[id*="a",[select1][select2][selectN])

         子元素过滤器(4种,$(div:nth-child(index//从1开始|even|odd)),$(div:first-child),$(div:last-child),$(div:first-child))

         表单对象属性过滤选择器(4种,$(#form1:enable),$(#form1:disable),$(#form1:checked),$(#form1:select))

       4.表单选择器:(11种,:input,:text,:textarea,:password,:radio,:checkbox,:image,:reset,:buttom,:file,:hidden)

       5.选择器中一些注意事项(1.字符2.空格)

三:jQuery中的DOM操作

   1.DOM操作的分类(3个方面1.DOM Core(核心)2.HTML-DOM3.CSS-DOM)

   2.jQuery中的DOM操作(查找节点,创建节点,插入节点,删除节点,复制节点,替换节点,包裹节点,属性操作,样式操作,设置和获取html,文本和值,遍历节点,CSS-DOM操作)

目录
相关文章
|
3月前
|
Java 数据库 数据安全/隐私保护
基于SSM框架实现管科类考研自我管理系统(分前后台spring+springmvc+mybatis+maven+jsp+jquery)
基于SSM框架实现管科类考研自我管理系统(分前后台spring+springmvc+mybatis+maven+jsp+jquery)
|
8月前
|
JavaScript 前端开发 Java
jquery使用formData上传附件到ssm框架
jquery使用formData上传附件到ssm框架
|
3月前
|
Java 数据库 Android开发
基于SSM框架扶贫信息综合平台前台管理系统(spring+springmvc+mybatis+jsp+jquery+css)
基于SSM框架扶贫信息综合平台前台管理系统(spring+springmvc+mybatis+jsp+jquery+css)
|
3月前
|
Java 数据库 Maven
基于SSM框架流浪动物救助及领养管理系统(spring+springmvc+mybatis+jsp+jquery+layui)
基于SSM框架流浪动物救助及领养管理系统(spring+springmvc+mybatis+jsp+jquery+layui)
|
3月前
|
Java 数据库 Maven
基于SSM框架疫情之下社区管理系统(spring+springmvc+mybatis+jsp+jquery+bootstrap)
基于SSM框架疫情之下社区管理系统(spring+springmvc+mybatis+jsp+jquery+bootstrap)
|
4月前
|
XML 缓存 JavaScript
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
26 0
|
设计模式 JavaScript 前端开发
【前端】JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择器
JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择器? jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
174 1
|
JavaScript 前端开发
将jquery validate校验框架的remote异步验证设置为同步校验
将jquery validate校验框架的remote异步验证设置为同步校验
278 0
将jquery validate校验框架的remote异步验证设置为同步校验
|
JSON JavaScript 前端开发
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
|
JavaScript 前端开发
对于jQuery选择器和动画效果停止动画的实战心得【前端jQuery框架】
对于jQuery选择器和动画效果停止动画的实战心得【前端jQuery框架】
对于jQuery选择器和动画效果停止动画的实战心得【前端jQuery框架】