js、jq平时积累
1、window.onbeforeunload = function(){$(window).scrollTop(0);} //在即将离开当前页面(刷新或关闭)时执行 JavaScript
2、默认选中第一、二、三个option(2种方法);
$("#aaa")[0].selectedIndex = 0;
$("#bbb")[0].selectedIndex = 1;
$("#ccc")[0].selectedIndex = 2;
$("#aaa option:eq(0)").attr("selected",true);
$("#bbb option:eq(1)").attr("selected",true);
$("#ccc option:eq(2)").attr("selected",true);
3、默认选中第三个值;
$("input[name=max]").get(2).checked = true;
4、选取选中的radio值;
$("radio[name='sex'][checked]").text();
5、获取选中的option值;
$("select[name=max]").find("option:selected").text();
6、$("ul li:eq(0)").color("color","#f00"); 相当于 $("ul li").get(0).color("color","#f00");
7、parent()、parents()、parentsuntil() 区别
重点说一下第三个,parentsUntil() 获得当前匹配元素集合中每个元素的祖先元素,直到(但不包括)被选择器、DOM 节点或 jQuery 对象匹配的元素。
举个栗子:.parentsUntil(selector,filter)
$("p").parentsUntil($("div.box"),".max");
即查找P标签的祖先元素,类别为.max,到div.box截止查找。
<div class="max">
<div class="box max">
<div></div>
<div class="max">
<div class="max"><p></p></div>
</div>
</div>
</div>
符合条件的标注为红色。虽然第二个div也是.max,但不符合“不包括被选择器、DOM 节点或 jQuery 对象匹配的元素”条件,所以pass。截止到div.box,所以第一个.max也被pass。
8、获取表单全部元素,:input不进可以获取Input,还可以获取textarea,select,button标记的表单元素。
$("form :input") 注意:form和:input之间要留有空格,下面都是这样。
:text,获取单行文本框(不包括textarea这样的多行文本框)。 $("form :text")
:password,获取密码框。 $("form :password")
:radio,获取单选框。 $("form :radio")
:checkbox,获取复选框。 $("form :checkbox")
:submit,获取提交按钮。 $("form :submit")
:image,获取图像域。 $("form :image")
:button,获取普通按钮。 $("form :button")
:checked,获取选中状态元素。 $("form :checked")
:selected,获取select选中状态元素。 $("form :selected")
9、$("label + input") 选取与label同级的紧跟label的input(哥哥弟弟关系);
<label></label>
<p></p>
<input />
这样的不会选中input
$("label ~ input") 选取与label同在一个父元素的同级input(兄弟姐妹关系);
:header 获取h1、h2、h3...
:animated 获取正在执行动画的元素
10、内容过滤选择器
$("div:contains('John')") 选择所有div中含有John文本的元素
$("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组
$("div:has(p)") 选择所有含有p标签的div元素
$("td:parent") 选择所有的以td为父节点的元素数组
11、jquery1.4版本的live()方法。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
12、jquery选择器性能问题,id(id/结合就近的id !不要使用id来修饰id) > tag(tag/class前面使用tag !不要使用tag来修饰id)
13、不要让相同的选择器在代码里出现多次,应该将其缓存成一个变量
js、jq平时积累的更多相关文章
- JS+JQ手风琴效果
		最新在学习JS写一些实用的小玩意——手风琴 CSS样式: <style type="text/css"> * { margin: 0px; border: 0px; p ... 
- js&jq 发送验证码倒计时
		<input type="text" name='' id="btn"> //发送验证码倒计时var wait=30; function t ... 
- jq常用事件(on,blur,focus,change),js/jq等待图片(页面)加载完毕事件,js读取文件
		jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on ... 
- js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行
		js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行 代码如下: <!DOCTYPE html> <html lang="en" xm ... 
- js/jq和a标签(刷新/ajax/对话框/循环/select选中/checkbox选中/id的获取//数据处理成钱的格式)//js/jq分页
		1.刷新 <a href="javascript:history.go(-1)">返回上一页</a><a href="javascript: ... 
- js/jq 动态添加的元素不能触发绑定事件解决方案
		<!-- Copyright 2017-10-27, Jachin QQ: 381558301 Email: 381558301@qq.com 请看看你们的版本并对号入座: jquery1.6版 ... 
- js|jq获取兄弟节点,父节点,子节点
		08.19自我总结 js|jq获取兄弟节点,父节点,子节点 一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes; ... 
- js,jq,css选择器
		js获取节点: var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; / ... 
- AJAX(JS&&JQ&&H5)
		一 AJAX的简介: AJAX是"Asynchronous Javascript And XML"(异步JavaScript和XML),通过后台与服务器实现少量的数据交换,可以使页 ... 
随机推荐
- python 程序小测试
			python 程序小测试 对之前写的程序做简单的小测试 ... # -*- encoding:utf-8 -*- ''' 对所写程序做简单的测试 @author: bpf ''' def GameOv ... 
- python列表中的深浅copy
			列表中的赋值和平常的赋值是不一样的,看下面的代码: In [1]: a = 1 In [2]: b = a In [3]: a Out[3]: 1 In [4]: b Out[4]: 1 In [5] ... 
- MyEclipse访问MSSQL2008数据库
			首先到微软网站http://www.microsoft.com/zh-cn/download/details.aspx?id=21599下载sqljdbc_3.0.1301.101_chs.exe, ... 
- 使用sprunge粘贴文字
			在irc里面请教的时候,需要输出很多文本,irc禁止输入多行文字. 使用sprunge可以返回一个网址,省去复制粘贴的麻烦. 1> 简单使用: command | curl -F "s ... 
- ubuntu12.04 ppa安装git
			PPA地址:https://launchpad.net/~git-core/+archive/ppa 支持所有的Ubuntu版本. 运行命令: sudo apt-add-repository ppa: ... 
- Linux学习-Linux的账号与群组
			使用者识别码: UID 与 GID Linux 主机并不会直接认识 你的"帐号名称"的,他仅认识 ID 啊 (ID 就是一组号码啦). 由于计算机仅认识 0 与 1,所 以主机对于 ... 
- jmeter中重要组件及其执行顺序
			jmeter中重要组件有:Sampler,计时器,前置处理器和后置处理器,断言,Controller,Listener和配置原件. 同类组件之间是从上到下的顺序执行,不同组件之间是按照以下的顺序执行的 ... 
- 系统测试过程截获SQL方法
			1 摘要 测试过程中,经常会遇到莫名的各种问题,可能从开发同学的日志无法发现具体出现问题的原因,本着测试同学深入分析.定位问题的目的,经常需要一些额外的手段获得更多的错误异常信息. 我们涉及 ... 
- C语言高效编程的几招,你会了几招了?
			编写高效简洁的C 语言代码,是许多软件工程师追求的目标.本文就工作中的一些体会和经验做相关的阐述,不对的地方请各位指教. 第1 招:以空间换时间 计算机程序中最大的矛盾是空间和时间的矛盾,那么,从这个 ... 
- 基于TCP协议的网络通讯流程
			不多说了,先上个图: 从上面的图中可以看出来,基于TCP协议进行通讯可以大致分成以下几个阶段: 1. 首先是在服务器端, TCP Sever调用socket(), bind(), listen()完成 ... 
