关于JQuery的一些知识点
1.jQuery的入口函数
1.1 语法jQuery(document).read(function(){ });
$(function(){ });// **
window.onlaod = function(){}
$ === jQuery // $是jQuery全局函数的别名。
1.2注意事项: (重点)
document ready: 是html文档准备就绪,也就是dom树创建完成了。可以进行dom操作了。重要的是:html页面下载完成,并准备就绪window.onload: 是整个页面所有的资源都加载完成,图片、js、css等
1.3 文档加载顺序: (重点)
下载html页面,解析html标签,遇到link标签加载css,遇到script加载js
2. jQuery 选择选取元素
2.1 jQuery选择器
2.1.1 ID选择器(js一般尽量用ID选择器,效率最高) (重点)
$("#id").html();
2.1.2 类选择器 (重点)
$(".className").text();
2.1.3 标签选择器 (重点)
$('p').click();
2.1.4 属性选择器
$("li[id]")、 $("li[id='link']").fadeIn();
2.1.5 层级选择器 (重点)
$("li .link").show();
2.1.6 父子选择器
$("ul > li")
2.1.7 伪类选择器
$("p:first")
$("ul li:eq(3)")
2.1.8 表单选择器
$(":text")
$(":checkbox")
$(":checked")
3 jQuery选择方法
3.1 获取父级元素
$(selector).parent(); //获取直接父级
$(selector).parents('p'); //获取所有父级元素直到html
3.2 获取子代和后代的元素
$(selector).children(); //获取直接子元素
$(selector).find("span"); //获取所有的后代元素
find方法 可能用的多。
3.3 获取同级的元素
$(selector).siblings() //所有的兄弟节点
$(selector).next() //下一个节点
$(selector).nextAll() //后面的所有节点
$(selector).prev() //前面一个的兄弟节点
$(selector).prevAll() //前面的所有的兄弟节点
3.4 过滤方法
$("div p").last(); //取最后一个元素
$("div p").first(); //取第一个元素
$("p").eq(1); //去第n个元素
$("p").filter(".intro"); //过滤,选择所有p标签带有 .intro类
$('p.intro')
$("p").not(".intro"); //去除,跟上面的filetr正好相反
关于JQuery的一些知识点的更多相关文章
- jQuery学习和知识点总结归纳
jQuery目前在Web前端开发所占的比重越来越高,在我们jQuery学习和开发的过程中都会去使用.jQuery帮我们解决了浏览器之间JS一些不兼容的地方和简化了原生JS对DOM的操作.下面把PHP程 ...
- jQuery 重要的知识点归纳
jQuery 对象 jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象. jQuery 对象是 jQuery 独有的. 只有 jQuery 对象才能使用 jQuery 的方法,在 ...
- 关于jQuery的小知识点
jQuery 简介 jQuery 库可以通过一行简单的标记被添加到网页中. jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML ...
- jQuery选择器部分知识点总结
一.jQuery选择器的优势 1.使用CSS选择器时,开发人员需要考虑主流浏览器是否支持某些选择器,而在jQuery中,开发人员则可以放心的使用jQuery选择器而无需考虑浏览器是否支持这些选择器. ...
- jQuery (02) 重点知识点总结
jQuery 如果用户未登录,当加入购物车,会将商品相关信息存入 cookie 或者 session,这两个都是可以标识用户信息的东西 是一个 JavaScript 库,封装了常用的开发功能,和一些需 ...
- jquery的常用知识点
一.用jquery寻找元素 1.选择器 基本选择器: $("*") $("#id") 用id匹配 $(".class") 用class名匹配 ...
- jquery ajax的知识点
jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(p ...
- 关于前端 jQuery 面试的知识点
参考一个博主整理的一些前端 jQuery 的一些面试题 参考博客:https://www.cnblogs.com/dashucoding/p/11140325.html 参考博客:https://ww ...
- jquery 最全知识点图示
有个别错字,请原谅:谢谢 1.选择器 2.DOM操作 3.DOM 4.事件 5.Ajax
随机推荐
- 软件项目第一个Sprint评论
团队软件评论: 极速蜗牛:个人认为,内部测试版应该是实现内容而不是UI界面,难道要让那些懂电脑的人们都去玩用户界面吗?UI界面完全可以放到beta版再进行修改,美工.不过这界面做的确实还可以.运行此游 ...
- UIkit框架之UIwebview
1.继承链:UIview:UIResponder:NSObject 2.使用loadHTMLString:baseURL:方法来加载本地的HTML文件,或者使用 loadRequest:方法来加载网络 ...
- HDU 5373 (大水坑题---被11整除原来有规律)
题意:告诉一个数n,然后求出所有的位数和,插在n的尾部,重复求t次,判断最终的数是否能被11整除. 分析:直接模拟的过程,并且模拟的除的过程,却TLE,以为是方法错了,因为每次都得循环求一遍位数和: ...
- PHP性能分析 - ngnx日志分析
最终结果展示图: 图解:响应时间在40ms以内的请求数占请求总量的7%,40到80ms的的请求数占32.9%,依次类推... 性能问题有很多种可能,普通的情况通过xhprof可查得主要的性能损耗.但有 ...
- YHLMR009 交货单查询
*********************************************************************** * Title : YHLMR009 * * Appli ...
- php wampserver 80 端口无法开启的解决方法
下载Microsoft Visual C++ 2005 Redistributable Package x86 和 x64(vc_redist.x86.exe/vc_redist.x64.exe) 安 ...
- 【我所理解的Cocos2d-x】第六章 精灵Sprite 读书笔记
简介: 精灵是2D游戏里最重要的元素.游戏场景中大部分可见的元素都直接或间接地与精灵相关. 在Cococs2d-xz中,精灵使用Sprite表示,它将一张纹理的一部分或者全部的矩形区域绘制在屏幕上. ...
- WorldChat.lua --世界聊天
print(">>Script: Wolrd Chating.") local SAY=" "--普通聊天 --联盟阵营 --部落阵营 local ...
- Vue知识点
1. Vue生命周期图示: 2.插值: 文本:{{ message }}: 纯html:v-html="xxx"; 属性:v-bind:id="xxx"; 使用 ...
- 大师教你<部落冲突>如何切换账号
前提申请两个谷歌账号,账号一和账号二,想要切换账号,只需清除部落冲突在手机上的数据即可.详情请看下文! 1. 第一次登陆,进入游戏后 2. 没有谷歌商店的童鞋,下载谷歌安装器(一键修复)以及VPNFQ ...