一:认识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操作)

JQuery基本知识框架思维导图(上)的更多相关文章

  1. Java知识体系思维导图

    Java知识体系,为方便预览,将思维导图上传至印象笔记,博客园直接上传图片受限于图片大小,暂时接触这么多,待以后丰富 https://app.yinxiang.com/shard/s24/nl/272 ...

  2. Pytest(18)pytest接口自动化完整框架思维导图

    pytest接口自动化完整框架思维导图

  3. jQuery中的选择器<思维导图>

    选择器是jQuery的重要组成部分,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.如果能熟练地使用选择器,不仅能简化代码,而且可以达到事半功倍的效果. 下面是关于jQuery中 ...

  4. Java知识汇总——思维导图

    转载:https://www.cnblogs.com/java1024/p/8757952.html Java知识点汇总,从基础到常用的API.还有常用的集合类,总结的很详细.图片是从论坛里面找到的, ...

  5. Python知识体系框架 思维导图

    技术文档已经独立整理! 请移步个人技术文档:https://anxiangchegu.github.io/technical-doc 如需更多Java.Python.大数据体系知识,请稳移步个人技术文 ...

  6. Python知识体系思维导图:

    基础知识 数据类型 1.序列 2.字符串 3.列表和元组 4.字典和集合 循环 & 判断

  7. Unity3d知识体系思维导图

    整理了一下U3D的技能树.

  8. HDFS知识体系 思维导图

  9. Java基础知识学习思维导图

随机推荐

  1. AngularJS下拉列表select在option动态变化之后多出了一个错误项的问题

    场景: Select初始化之后,选中select的某个选项 通过AngularJS更新select的选项 错误写法: HTML(使用ng-repeat) <div ng-app="Te ...

  2. discuz首页设置默认地址不带forum.php后缀的方法

    最近在研究discuz,上传安装几部搞定,打开首页跳到含有"/forum.php"的网址,到管理中心改了好一会儿也没好.那么如何实现discuz首页设置不带forum.php后缀呢 ...

  3. CI加载model的问题

    1.需求 CI在linux上无法加载model 2.原因 因为linux区分大小写,且model文件名首字符要大写. As said in the comments : Your model's fi ...

  4. 百度API城市代码CityCode官方文档

    100 拉萨市101 那曲地区102 日喀则地区103 阿里地区104 昆明市105 楚雄彝族自治州106 玉溪市107 红河哈尼族彝族自治州108 普洱市109 西双版纳傣族自治州110 临沧市11 ...

  5. 数据结构 浙大MOOC 笔记二 线性结构

    线性表及其表现 第二章的内容是关于三种最基本的数据结构 结合<DDSA>第三章 表.栈和队列做一个总结 首先简单说明一下各个数据结构的特点: 数组:连续存储,遍历快且方便,长度固定,缺点是 ...

  6. 学习 opencv---(5) 创建Trackbar(活动条) &图像对比度,亮度值调整

    学习如何在opencv 中用trackbar 函数创建和使用 轨迹条,以及图像对比度,亮度值的动态调整 一.OpenCV中轨迹条(Trackbar)的创建和使用 [1]创建轨迹条-----create ...

  7. 基础知识《十》java 异常捕捉 ( try catch finally ) 你真的掌握了吗?

    本文转载自  java 异常捕捉 ( try catch finally ) 你真的掌握了吗? 前言:java 中的异常处理机制你真的理解了吗?掌握了吗?catch 体里遇到 return 是怎么处理 ...

  8. 额。。万恶之源就是c

    http://blog.csdn.net/feeltouch/article/details/45155529

  9. NSIS对话框单位造成的控件移位问题

    在使用NSIS脚本开发安装卸载程序,使用自定义的nsdialog控件.发现在小部分系统上安装时,一些控件会消失,或者挪位.于是排除问题,看看这些控件的为位置和坐标,发现基本上是使用了对话框单位的控件, ...

  10. thinkpad W500S 如何换键盘?

    tHINKPAD的笔记本拆装有,123456789... 至少5种以上了,一般键盘去下都是边上撬就去下 来了.今天拆换W550S键盘就遇到劲敌了.拼了 老劲也去不下,冬天背上都冒汗(屋子热的吧). 终 ...