博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery基本知识框架思维导图(上)
阅读量:6660 次
发布时间:2019-06-25

本文共 1171 字,大约阅读时间需要 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操作)

转载于:https://www.cnblogs.com/LiuWeiLong/p/6107839.html

你可能感兴趣的文章
[LeetCode] Rotate Function
查看>>
iOS - 更轻量级的 AppDelegate - 面向服务设计
查看>>
什么样的爬虫才是好爬虫:Robots协议探究
查看>>
tomcat 部署多个项目的技巧
查看>>
yii2使用多个数据库的案例
查看>>
[LintCode/LeetCode] Search Insert Position
查看>>
Node处理http跨域请求
查看>>
Gradle for Android 第五篇( 多模块构建 )
查看>>
框架 也可以这样用 easy
查看>>
LCUI 1.1.0 Beta 发布,C 的图形界面库
查看>>
Base64
查看>>
MariaDB(mysql)之半同步复制及复制过滤器的使用
查看>>
WCF Ria Service 理解制图版本【待续】
查看>>
【IOS】高仿糗事百科客户端(基本实现了除注册,评论之外的功能)
查看>>
puppet之模块详解
查看>>
shell脚本
查看>>
python 模块
查看>>
Flash Builder生成asdoc格式的帮助文档
查看>>
分享实录 | 第四范式程晓澄:机器学习在推荐系统中的应用
查看>>
测试服务器响应时间
查看>>