关于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
随机推荐
- CENTOS/UBUNTU一键安装IPSEC/IKEV2 VPN服务器
1.在azure上创建ubuntu虚拟机 选择v15.04 server 版本 2.添加端口号 3.远程桌面到ubuntu 命令行 输入 sudo su 输入创建 ubuntu虚拟机 时候的 密码 ...
- Cordova android框架详解
一.Cordova 核心java类说明 CordovaActivity:Cordova Activity入口,已实现PluginManager.WebView的相关初始化工作, 只需继承Cordova ...
- hdu 2093
ps:这题的输入我看到括号以为要用字符串,谁知道看了大神的才知道可以这样"scanf("%d(%d)",&a,&b);" 觉得好神奇.. 然后 ...
- OD调试篇6--对一些真正的小程序进行一点点的修改
先打开这个程序看看,提醒你这是一个未注册版本的软件.会发现只能添加4个联系人,这显然是我不想看见的,于是我要对这个程序进行一些修改,嘿嘿... 通过OD载入这个程序 有一些(SEH)也就是异常,我们可 ...
- How to browse the entire documentation using XCode 5 Documentation and API Reference ?
file:///Users/yangiori/Library/Developer/Shared/Documentation/DocSets/com.apple.adc.documentation.Ap ...
- UITabBarController常见代理方法的使用
//下面两个函数是成对出现的若第一个函数返回YES那么第二个方法自动触发执行 //是否允许选择不同的Item触发后续操作,YES是允许,NO是不允许 -(BOOL)tabBarController:( ...
- springboot系列之-helloword入门
一. What: Spring Boot是什么?以1.4.3.RELEASE为例,官方介绍为:http://docs.spring.io/spring-boot/docs/1.4.3.RELEASE/ ...
- bxSlider 在网页里添加幻灯片效果
幻灯片效果在网页上很常见,本文介绍用 bxSlider 轻松实现的方法. bxSlider是什么 bxSlider 是用 JQuery 和 CSS 实现网页中幻灯片效果的工具.可在 http://bx ...
- Android studio 常用插件
常用插件 GsonFormat 该插件的功能是根据JSON数据生成相应的实体类,插件装好后按Alt+S快捷键呼不出GsonFormat的界面,如果你也遇到类似的问题,就去改一下快捷键吧!我将快捷键改成 ...
- 初学Html
HTML,超文本标记语言,文本解释性语言,它的源代码不通过编译而直接在浏览器中运行时被翻译,其决定的是网页的结构和内容. 一谈html,自然首先是浏览器,比较具有代表性的浏览器则是谷歌.火狐.IE.苹 ...