jquery 初步学习
首先 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 初步学习的更多相关文章
- 第二十篇 jQuery 初步学习2
jQuery 初步学习2 前言: 老师这里啰嗦一下,因为考虑到一些同学,不太了解WEB前端这门语言.老师就简单的说一下,写前端,需要什么:一台笔记本.一个文本编辑器.就没啦!当然,写这门语言, ...
- 第十九篇 jQuery初步学习
jQuery 初步学习 jQuery可以理解为是一种脚本,需要到网上下载,它是一个文件,后缀当然是js的文件,它里面封装了很多函数方法,我们直接调用即可,就比方说,我们用JS,写一个显示与隐藏,通 ...
- 老周的ABP框架系列教程 -》 一、框架理论初步学习
老周的ABP框架系列教程 -- 一.框架理论初步学习 1. ABP框架的来源与作用简介 1.1 简介 1.1.1 ABP框架全称为"ASP.NET Boilerplate ...
- 状态保持以及AJAX的初步学习
嘿嘿,今天学习的有点迷茫哦,主要学习把验证码使用在登录页面时间的一些逻辑,学习这个时间并没有那么的迷惑哦,可是自己写程序时间倒是有点反应迟钝,不过还好总是在最后搞清楚啦,另外就是一步一步的学习是接近项 ...
- 以太坊web3开发初步学习
以太坊web3开发初步学习 此文是对https://learnblockchain.cn/2018/04/15/web3-html/的学习再理解. 以太坊智能合约通过使用web3.js前端和智能合约交 ...
- jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
今天学习jQuery,看到nth-child(even)用法,特意找了下这个选择器的用法,在CSS3标准中,用法很强大. 对此,我把CSS3标准中nth-child()用法大致介绍下: CSS3伪类选 ...
- json2.js的初步学习与了解
json2.js的初步学习与了解,想要学习json的朋友可以参考下. json2.js的初步学习与了解 1.)该js的下载地址是:http://www.json.org/json2.js 2.)在页面 ...
- Jquery插件学习
前端开发也工作了一段时间,Jquery代码页写了很多,但是都是些的很零散的,不是很好用,网上看了很多人写的Jquery 很好用,而且到每个项目中都可以使用, 本人就感觉很好奇他们是怎么做到的呢,于是自 ...
- JQuery基础学习总结
JQuery基础学习总结 简单总结下JQuery: 一:事件 1.change事件 <!DOCTYPE html> <html lang="en"> < ...
随机推荐
- ssh整合(dao使用hibernateTemplate)
- [patl2-020]功夫传人
解题关键:dfs的简单应用,需要注意类型double与int #include<cstdio> #include<cstring> #include<algorithm& ...
- Windows版本Apache+php的Xhprof应用__[2]
[计划] “Windows版本Apache+php的Xhprof应用__[1]”中已经解决了下载,配置的问题,所以这里的工作是接着进行的,我们以调试一个 php代码的文件来看看是怎么用xhprof的. ...
- 204. Count Primes 统计<n的质数的个数
[抄题]: Count the number of prime numbers less than a non-negative number, n. [暴力解法]: 时间分析: 空间分析: [优化后 ...
- 旋转矩阵(Rotate Matrix)的性质分析
博客转载自:http://www.cnblogs.com/caster99/p/4703033.html 学过矩阵理论或者线性代数的肯定知道正交矩阵(orthogonal matrix)是一个非常好的 ...
- [gist]Android SHA-1
参考:http://stackoverflow.com/questions/5980658/how-to-sha1-hash-a-string-in-android 代码:
- poj3557 Map Generator
传送门 题目大意 给定两个数n,p;表示n个点中任意两点连边的概率为p,求生成的图是个连通块的概率 分析 我们发现直接求产生联通块的概率并不容易,于是我们转而考虑计算不能生成联通块的概率,公式如下: ...
- 安装Maven及Eclipse中配置Maven
下载maven版本: 1.进入官网:http://maven.apache.org/download.cgi ,下载编译后的maven版本:如图下: 2.创建一个目录,把下载的maven压缩包,进 ...
- spring第三篇
在昨天下午更新sprin第二篇中,叙述了将对象交给spring创建和管理,今天在spring第三篇中,主要写两个点一是spring的思想 二是spring中bean元素的属性配置. 1 spring思 ...
- Android 中 吐司显示不出来的原因分析
当你发现你的toast的show方法的确被执行了,但是却没有在界面中显示出来, 有问题的地方可能有两点: 1.Context上下文对象有问题,不是当前的上下文对象或者什么的: 2.message(即T ...