JQuery基本知识框架思维导图(上)
一:认识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操作)
最新文章
- java.io.StreamCorruptedException: invalid type code: AC错误的解决方法
- ahjesus 让Boot Camp支持创建win7 u盘安装盘
- Android中常用单位dp,px,sp之间的相互转换
- android sdk 国内镜像地址
- 如何使用 Xcode Targets 管理开发和生产版本?
- 校友信息管理系统&;SNS互动平台之用户需求及概要设计
- BZOJ 1633: [Usaco2007 Feb]The Cow Lexicon 牛的词典
- svn代码管理的使用工作流程
- GitHub学习笔记:分支管理
- Linux时间子系统之(一):时间的基本概念
- sitecore开发入门之如何在代码中获取SITECORE图像URL
- Python语言学习之C++调用python
- SQL Server-聚焦事务、隔离级别详解(二十九)
- Navicat(数据库可视化操作软件)安装、配置、测试
- FPGA总结——杂谈
- [js高手之路]深入浅出webpack教程系列2-配置文件webpack.config.js详解(上)
- engineecms——工程师知识管理系统,带文档协作和状态和流程
- Oracle sqlnet.ora配置
- 智能指针 - 现代C++新特性总结
- (KMP)Seek the Name, Seek the Fame -- poj --2752