首先 jQuery是一个轻量级的 JS框架,核心文件才几十KB

1. jquery 对象

var $variable=jquery对象

var variable = DOM对象

$variable[0] # jquary对象转化为dom对象

$($variable[0])# dom对象转化为jquery对象

2。jQuery的基础语法

$(selector).action()

id选择器:$("#id")

类选择器:$(".classname")

标签选择器 :$("tagname")

配合使用:$("div.c1")

所有元素选择器:$("*")

组合选择器 :$("#id,.c1,div") #拥有3个其中任意属性的,取并集

层级选择器:

$("x y")     #x的所有后代y(子子孙孙)

$("x>y")    #x的所有儿子中有y的

$("x+y")    #紧跟着x后面的y(同一级别)

$("x~y") #x之后所有的兄弟Y

基本筛选器:

$("#div:first")

$("#div:last")

:eq(index)   #索引值等于index的元素

:even 匹配索引值为偶数的元素

:odd  匹配索引值为奇数的元素

:gt(index) 匹配所有大于给定索引值的元素

:lt (index)  匹配所有小于给定索引值的元素

:not(元素选择器)  移除所有满足not条件的标签

:has(元素选择器) 从后代中找包含在内的标签

$("div:has(h1)") #注意找的是div标签

$("div:has(.c1)")

$("li:not(.c1)")后代中不包含有a标签的li标签

属性选择器:

$("input[type='text']")取出类型是text的input标签

表单常用筛选:

:text

:password

:file

:radio

:checkbox

:submit

:reset

:botton
$(":botton")#找到所有拥有button的标签

表单对象属性:

:enabled

:disabled

:checked

:selected

<form>

  <input name="email" disabled="disabled"/>

  <input name="id"/>

<form>

$("input":enabled) //找到可用的input标签

筛选器:

下一个元素(同级之间):

$("#id").next()

$("#id").nextall()

$("#id").nextUntil("#i2")直到找到id为i2的前面

父亲元素:

$("#id").parent()        #找到父类

$("#id").parents()  #查找当前元素所有父类

$("#id").parentUntil("#i2") #查找当前元素所有的父辈元素,直到遇到匹配的那么元素为止

儿子和兄弟元素:

$("#id").children()   //儿子们

$("#id").siblings()  //兄弟们

查找元素:$("#id").find()    // 找后代元素中拥有。。。。

.first()//获取匹配第一个元素

.last()//获取匹配最后一个元素

.not()//从匹配元素的集合中删除与指定表达式匹配的元素

.has()//保留包含特定后代的元素

$("div.c1")等价于$("div").filter(".c1")

$("div .c1")等价于$("div").find(".c1")

")

jquery 初步学习的更多相关文章

  1. 第二十篇 jQuery 初步学习2

    jQuery 初步学习2   前言:   老师这里啰嗦一下,因为考虑到一些同学,不太了解WEB前端这门语言.老师就简单的说一下,写前端,需要什么:一台笔记本.一个文本编辑器.就没啦!当然,写这门语言, ...

  2. 第十九篇 jQuery初步学习

    jQuery 初步学习   jQuery可以理解为是一种脚本,需要到网上下载,它是一个文件,后缀当然是js的文件,它里面封装了很多函数方法,我们直接调用即可,就比方说,我们用JS,写一个显示与隐藏,通 ...

  3. 老周的ABP框架系列教程 -》 一、框架理论初步学习

    老周的ABP框架系列教程 -- 一.框架理论初步学习   1. ABP框架的来源与作用简介 1.1  简介 1.1.1       ABP框架全称为"ASP.NET Boilerplate ...

  4. 状态保持以及AJAX的初步学习

    嘿嘿,今天学习的有点迷茫哦,主要学习把验证码使用在登录页面时间的一些逻辑,学习这个时间并没有那么的迷惑哦,可是自己写程序时间倒是有点反应迟钝,不过还好总是在最后搞清楚啦,另外就是一步一步的学习是接近项 ...

  5. 以太坊web3开发初步学习

    以太坊web3开发初步学习 此文是对https://learnblockchain.cn/2018/04/15/web3-html/的学习再理解. 以太坊智能合约通过使用web3.js前端和智能合约交 ...

  6. jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)

    今天学习jQuery,看到nth-child(even)用法,特意找了下这个选择器的用法,在CSS3标准中,用法很强大. 对此,我把CSS3标准中nth-child()用法大致介绍下: CSS3伪类选 ...

  7. json2.js的初步学习与了解

    json2.js的初步学习与了解,想要学习json的朋友可以参考下. json2.js的初步学习与了解 1.)该js的下载地址是:http://www.json.org/json2.js 2.)在页面 ...

  8. Jquery插件学习

    前端开发也工作了一段时间,Jquery代码页写了很多,但是都是些的很零散的,不是很好用,网上看了很多人写的Jquery 很好用,而且到每个项目中都可以使用, 本人就感觉很好奇他们是怎么做到的呢,于是自 ...

  9. JQuery基础学习总结

    JQuery基础学习总结 简单总结下JQuery: 一:事件 1.change事件 <!DOCTYPE html> <html lang="en"> < ...

随机推荐

  1. js原型及原型链

    一. 普通对象与函数对象  JavaScript 中,万物皆对象!但对象也是有区别的.分为普通对象和函数对象,Object ,Function 是JS自带的函数对象.下面举例说明 function f ...

  2. css知多少(4)——解读浏览器默认样式(转)

    css知多少(4)——解读浏览器默认样式   上一节<css知多少(3)——样式来源与层叠规则>介绍了样式的五种来源,咱们再通过一张图回顾一下. 对于上面的三层,咱们大概都比较熟悉了.下面 ...

  3. Ros学习service——小海龟

    rosservice 服务(services)是节点之间通讯的另一种方式.服务允许节点发送请求(request) 并获得一个响应(response) rosservice list 输出可用服务的信息 ...

  4. ngx-bootstrap使用04 carousel组件

    1 carousel 是一个通过循环播放图片.文本的幻灯片:就像一个旋转旋转木马一样,但是不支持嵌套使用 2 如何使用 2.1 搭建ngx-bootstrap使用环境 参见博文:点击前往 2.2 在模 ...

  5. 项目一:第十三天 1、菜单数据管理 2、权限数据管理 3、角色数据管理 4、用户数据管理 5、在realm中动态查询用户权限,角色 6、Shiro中整合ehcache缓存权限数据

    1 课程计划 菜单数据管理 权限数据管理 角色数据管理 用户数据管理 在realm中动态查询用户权限,角色 Shiro中整合ehcache缓存权限数据         2 菜单数据添加 2.1 使用c ...

  6. 机器人自主移动的秘密,从SLAM技术说起(一)

    博客转载自:https://www.leiphone.com/news/201609/c35bn1M9kgVaCCef.html 雷锋网(公众号:雷锋网)按:本文作者SLAMTEC(思岚科技公号sla ...

  7. chrome headless

    最近才知道有这么个东西,说白了就是chrome浏览器的命令行模式,一说到命令行自然就和自动化 高效率有关系,感觉对于自动化测试和爬虫很有用啊

  8. EZOJ #78

    传送门 分析 AC自动机板子题qwq 不过似乎可以哈希(因为所有模式串的长度相同,所以哈希乱搞就可以) 代码 #include<iostream> #include<cstdio&g ...

  9. 269D Maximum Waterfall

    传送门 题目大意 给出一些墙,水从高往低流,每次只能到达一面墙,选择一个路径,使得路径上的流量的最小值最大. 分析 这是一道经典的扫描线题,我们发现能够合法的线段对数至多只有n对.将一条线段拆成两个点 ...

  10. WOJ 46 完全背包

    高级的暴力,神仙优化…… 首先$O(n^{3})$的$dp$很好想,然后这样可以$O(1)$地回答询问. 考虑到所有物品的体积是一个连续的区间,所以说我们可以合并一些物品来达到预处理时间均摊的效果. ...