jquery常用用法
1.$("prve + next" ) 选择紧接着在perve后的next元素
2.$("#div1 > *" ) 在给定的父元素下匹配所有子元素,但是孙子就不取了
3.$("#div ~ div ") 查找#div之后的所有div元素
4.$.map(arrs,function(内容,下标){}); 遍历数组元素,主要用来在原来数组的元素的基础上,直接修改值,并生成新的数组返回
5.$.each(arrs,function(下标,内容){}); 遍历数组元素或对象属性,主要用来展示或设置元素的某个属性(目的是为了展示或者修改循环元素本身)
6.attr(); 跟js的Attribute()一样,非侵入编程
7.removeAttr("href") 移除标签的href属性
8.next()和nextAll() 1.取该元素的下一个兄弟元素 2.取该元素之后的所有同辈兄弟元素(不包括自己)
9.prev()和prevAll() 1.取该元素的上一个兄弟元素 2.取该元素之前的所有同辈兄弟元素(不包括自己)
10.siblings() 获取所有的兄弟元素(前后都拿到),不包括自己
11.$("#div1").attr("class","hide") 给div的class属性赋值.
12.$("#div1").addClass("addc") addClass追加样式表
13.$("#div1").removeClass("show") removeClass 移除样式
14.$("body").toggleClass("hide") toggleClass 切换样式(不是覆盖,还可以切换回来).
15.$("#div1").hasClass("addc") 判断该样式是否存在
16.blur 失去焦点事件
17.$("input[type=text]:not(.err)") 获取所有input的text文本框,但是不包含class=err的文本框
18.$("input:odd"),$("input:even") 1.odd奇数 2.even偶数
19.$("input:eq(1)") eq()获取指定下标的元素
20.$("input:gt(2)"),$("input":lt(2)) 1.gt(2)下标大于2 2.lt(2)下标小于2
21.$("input").slice(2,4) slice(2,4) >=2 and <4 取大于等于2并且小于4的下标
22.$("table tr:first"),$("table tr:last") 1.first第一个 2.last最后一个
23.$("input",$("#s2_1div")) 查询id为s2_1div下面的所有input 类似子查询
24.evet.stopPropagation() 阻断事件冒泡
25.$("div[myid]") 查找带myid属性的div
26.fn.call call改变this
27.("input:checked"),("select option:selected") 1.选取所有选中的元素(Radion、CheckBox) 2.选取下拉列表
28.disbled 和 readonly(推荐) 1.用户不能编辑(表单不能提交) 2.用户不能编辑(表单会提交)
29.var link=$("<a href='http://www.xx.com'百度</a>") 直接创建节点
30.$("div:first").append(link) 把刚创建的节点添加到div下
31.$link.appendTo($("body")) 直接把$link追加到body下面 非常方便
32.var $re = $("#txtName").remove() $re.appendTo($("#msgBox")) 1.删除一个节点 2.然后又把这个节点的尸体添加到msgBox下
33.$(":input") 选取所有<input>、<textarea>、<select>和<button>元素
34.$(":text") 选取所有单行文本框,等价于$("input[type=text]")
35.$(":password") 选取所有密码框.同理的还有radio、:checkbox、:submit、:image、:reset、:button、:file、:hidden
36.xx.children() children() xx底下的全部子元素
$NewTr.children().last().children("a") $NewTr的所有子元素的最后一个的底下的子元素的a标签
jquery常用用法的更多相关文章
- jQuery $.each用法[转]
jQuery $.each用法 以下内容非原创,来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它,你可以遍历对象. ...
- jQuery 事件用法详解
jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jque ...
- jquery常用代码集锦
1. 如何修改jquery默认编码(例如默认GB2312改成 UTF-8 ) 1 2 3 4 5 $.ajaxSetup({ ajaxSettings : { contentT ...
- jquery常用函数与方法汇总
1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队 ...
- [转]Jquery Ajax用法
原文地址:http://www.php100.com/html/program/jquery/2013/0905/6004.html jQuery学习之jQuery Ajax用法详解 来源: 时间 ...
- js与jquery常用数组方法总结
昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组.本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害 ...
- jQuery 动画用法
jQuery动画: <head> <meta charset="UTF-8"> <title>Title</title> <s ...
- jQuery常用API之jQuery选择器
3.jQuery常用API 3.1 jQuery选择器 3.1.1 jQuery基础选择器 原生JS获取元素的方式很多.很杂,而且兼容性情况不一致,因此jQuery给我做了封装,是获取元素统一了标准 ...
- jquery 常用选择器和方法以及遍历(超详细)
jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...
随机推荐
- WebRtc 源码下载
项目需要用到WebRtc,记录下基本下载的步骤: 1.下载depot_tools,利用depot_tools 下载WebRtc源码 git clone https://chromium.googles ...
- 十四、python字典中的方法汇总
'''1.访问.修改,删除字典中的值:''' dict={'a':'11','b':'22','c':'33','d':'44'}print dict['a'],dict['d'] #访问dict[' ...
- 关于问题的四个单词区别: question problem matter issue
[[ 网上讨论的 problem, question, issue, matter这些名词均含"问题"之意.problem: 指客观上存在的.难以处理或难以理解的问题.questi ...
- 禁止、允许MySQL root用户远程访问权限
关闭MySQL root用户远程访问权限: use mysql; update user set host = "localhost" where user = "roo ...
- Crypko 基于滚动条进行的动画是如何实现的?
Crypko 网站里面的下拉滚动条进行的动画感觉非常炫,于是研究了一下她的实现,发现她主要是使用了 ScrollMagic 这个库实现了基于滚动条的动画. 为什么这么确定就是用了 ScrollMagi ...
- springMVC解决跨域
原文:https://www.cnblogs.com/shihaiming/p/9544060.html 介绍: 跨站 HTTP 请求(Cross-site HTTP request)是指发起请求 ...
- 阶段1 语言基础+高级_1-3-Java语言高级_04-集合_09 Debug调试_1_Debug追踪
行号的右边.点击就加上红色的原点 执行后程序停在断点的这一行代码 F8 Shift+F8从方法中出来. F9跳到下一个断点. 终止程序 Ctrl+F2: 断点停留在第一行之后,F8进入下一行代码. 再 ...
- vi, Java, Ant, Junit自学报告 - 实训week1
vi, Java, Ant, Junit自学报告 2017软件工程实训 15331023 陈康怡 vi Vi是linux系统的标准文本编辑器,采用指令的方式进行操作,此处仅记录部分常用的指令. vi模 ...
- python 基础lambda函数
lambda 函数 其实对应的是一个简单的表达式: lambda [arg1] : expression a = lambda x,y: (x+y)/2 等价于 def a(x,y): (x+y)/2 ...
- Learn Python the hard way, ex45 对象、类、以及从属关系
#!/usr/bin/python #coding:utf-8 # animal is-a object(yes,sort of sonfusing)look at the extra credit ...