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平时积累的更多相关文章

  1. JS+JQ手风琴效果

    最新在学习JS写一些实用的小玩意——手风琴 CSS样式: <style type="text/css"> * { margin: 0px; border: 0px; p ...

  2. js&jq 发送验证码倒计时

    <input  type="text"   name=''  id="btn"> //发送验证码倒计时var wait=30; function t ...

  3. jq常用事件(on,blur,focus,change),js/jq等待图片(页面)加载完毕事件,js读取文件

    jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on ...

  4. js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行

    js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行 代码如下: <!DOCTYPE html> <html lang="en" xm ...

  5. js/jq和a标签(刷新/ajax/对话框/循环/select选中/checkbox选中/id的获取//数据处理成钱的格式)//js/jq分页

    1.刷新 <a href="javascript:history.go(-1)">返回上一页</a><a href="javascript: ...

  6. js/jq 动态添加的元素不能触发绑定事件解决方案

    <!-- Copyright 2017-10-27, Jachin QQ: 381558301 Email: 381558301@qq.com 请看看你们的版本并对号入座: jquery1.6版 ...

  7. js|jq获取兄弟节点,父节点,子节点

    08.19自我总结 js|jq获取兄弟节点,父节点,子节点 一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes; ...

  8. js,jq,css选择器

    js获取节点: var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; / ...

  9. AJAX(JS&&JQ&&H5)

    一 AJAX的简介: AJAX是"Asynchronous Javascript And XML"(异步JavaScript和XML),通过后台与服务器实现少量的数据交换,可以使页 ...

随机推荐

  1. mysql 在线添加字段

    使用工具pt-online-schema-change #! /bin/bash stime=`date +%s` echo "增加字段开始测试时间为:`date +%H:%M:%S`&qu ...

  2. Linux 文本编辑常用快捷键

    一.编辑模式 vim有三种编辑模式 1. i 进入文本编辑模式 2. esc 进入命令编辑模式 命令编辑状态下 dd删除整行 3. :进入底行模式 底行模式状态  输入q 退出 w保存  wq 保存并 ...

  3. 【mysql】[Err]1267 - Illegal mix of collations(utf8_general_ci,IMPLICIT) and (utf8_unicode_ci,IMPLICIT) for operation ‘=

    ALTER TABLE table_name CONVERT TO CHARACTER SET utf8 COLLATE utf8_unicode_ci;

  4. NOIP 2017 小凯的疑惑

    # NOIP 2017 小凯的疑惑 思路 a,b 互质 求最大不能表示出来的数k 则k与 a,b 互质 这里有一个结论:(网上有证明)不过我是打表找的规律 若 x,y(设x<y) 互质 则 : ...

  5. 【转载】美国人教你这样用Google

    大前提:英文Google→www.google.com 第一篇 在搜索框上输入:“indexof/”inurl:lib 再按搜索你将进入许多图书馆,并且一定能下载自己喜欢的书籍. 在搜索框上输入:“i ...

  6. Java中的数据类型和引用

    JAVA数据类型分primitive数据类型和引用数据类型. Java中的primitive数据类型分为四类八种.primitive也不知道怎么翻译比较贴切, 暂且叫他基本数据类型吧, 其实直接从英文 ...

  7. HDU 2460 Network 边双连通分量 缩点

    题意: 给出一个无向连通图,有\(m\)次操作,每次在\(u, v\)之间加一条边,并输出此时图中桥的个数. 分析: 先找出边双连通分量然后缩点得到一棵树,树上的每条边都输原图中的桥,因此此时桥的个数 ...

  8. Question | 移动端虚拟机注册等作弊行为的破解之道

    本文来自网易云社区 "Question"为网易云易盾的问答栏目,将会解答和呈现安全领域大家常见的问题和困惑.如果你有什么疑惑,也欢迎通过邮件(zhangyong02@corp.ne ...

  9. Spring 4.3.11.RELEASE文档阅读(一):overview

    一.宏观概述中的体会和发现 Spring是组件式的框架,它允许我们只使用其一小部分.Spring所做的工作,就是不断的简化我们的操作.比如它的IOC容器,当我们自己应用设计模式,比如说:建造者.工厂. ...

  10. 1.ABP使用boilerplate模版创建解决方案

    1.到ABP框架的官网(http://www.aspnetboilerplate.com/),自动生成一个解决方案 每步注解: 第一步:AngularJS是一款比较火的SPA(Single Page ...