层次选择器:
  $("div li")获取div下的所有li元素(后代、子、子的子......)
  $("div>li")获取div下的直接li子元素。
  $(".menuitem+div")获取样式名为menuitem之后的第一个div元素(不常用)。
  $(".menuitem~div")获取样式名为menuitem之后所有的div元素(不常用)。

基本过滤选择器:
  :first选取第一个元素。$("div:first")选取第一个<div>
  :last选取最后一个元素。$("div:last")选取最后一个<div>
  :not(选择器)选取不满足“选取器”条件的元素。$("input:not(.myClass)")选取样式名不是myClass的<input>
  :even、:odd,选取索引是奇数、偶数的元素:$("input:even")选取索引是奇数的<input>
  :eq(索引序号)、:gt(索引序号)、:lt(索引序号)选取索引等于、大于、小于、索引序号的元素,比如$("input:lt(5)")选取索引小于5的<input>
  $(":header")选取所有的h1......h6元素。
  $("div:animated")选取正在执行动画的<div>元素。

属性过滤选择器:
  $("div[id]")选取有id属性的<div>
  $("div[title=test]")选取title属性为“test”的<div>,JQuery中没有对getElementByName进行封装,用$("input[name=abc]")
  $("div[title!=test]")选取title属性不为“test”的<div>
  还可以选择开头、结束、包含等,条件还可以复合。

表单对象选择器(过滤器):
  $("#form1:eneabled")选取id为form1的表单内所有启用的元素
  $("#form1:disabled")选取id为form1的表单内所有禁用的元素
  $("input:chedked")选取所有选中的元素(Radio、ChekBox)
  $("select:selected")选取所有选中的选项元素(下拉列表)

表单选择器
  $(":input")选取所有<input>、<textarea>、<select>和<button>元素,和$("input")不一样,$("input")只获得<input>
  $(":text")选取所有单行文本框,等价于$("input[type=text]")
  $(":password")选取所有密码框。同理有有::radio、:checkbox、:submit、:image、:reset、:button、:file、:hidden。

节点遍历
  next()方法用于获取节点后的挨着第一个同辈元素,
  $(".menuitem").next("div")、nextAll方法用于获取节点后的所有同辈元素,
  $(".menuitem").nextAll("div")
  siblings()方法用于获取所有同辈元素,$(".menuitem").siblings("li")

事件绑定
  //执行一次后失效的事件
  $(":button").one("click", function (e) {}
  //绑定事件
  $(":button").bind("click", function (e) {
    
  });

$(":button").bind("click", function (e) {
    
  });
  //取消绑定事件
  $(":button").unbind("click");

事件对象e:
  属性:pageX、pageY、target获得触发事件的元素(冒泡的起始,也就是冒泡的源,和this不一样,this指在哪个控件上监听的那个控件的对象).
  which如果是鼠标事件获得按键(1左键,2中键,3右键.
  altKey、shiftKey、ctrlKey获得alt、shift、ctrl是否按下,为bool值。keyCode、charCode属性发生时间时的keyCode(键盘码,小键盘的1和主键盘的keyCode不一样)、charCode(ASCII码)。

jQuery选择器与事件学习笔记的更多相关文章

  1. 《jQuery权威指南》学习笔记之第2章 jQuery选择器

    2.1 jQuery选择器概述 2.1.1 什么使选择器 2.1.2 选择器的优势: 代码更简单,完善的检测机制  1.代码更简单   示例2-1     使用javascript实现隔行变色 < ...

  2. 笔记:FastAdmin 之 jQuery 选择器 $("[name$='[]']", form) 学习

    笔记:FastAdmin 之 jQuery 选择器 $("[name$='[]']", form) 学习 $("[name$='[]']", form)这个是什 ...

  3. C#委托与事件学习笔记

    委托事件学习笔记 本文是学习委托和事件的笔记,水平有限,如有错漏之处,还望大神不吝赐教. 什么是委托?从字面意思来解释,就是把一个动作交给别人去执行.在实际开发中最常用的就是使一个方法可以当做一个参数 ...

  4. 《JS高程》事件学习笔记

    事件:文档或浏览器窗口中发生的一些特定的交互瞬间,也即用户或浏览器自身执行的某种动作. -------------------------------------------------------- ...

  5. 锋利的jQuery第2版学习笔记4、5章

    第4章,jQuery中的事件和动画 注意:使用的jQuery版本为1.7.1 jQuery中的事件 JavaScript中通常使用window.onload方法,jQuery中使用$(document ...

  6. 锋利的jQuery第2版学习笔记1~3章

    第1章,认识jQuery 注意:使用的jQuery版本为1.7.1 目前流行的JavaScript库 Prototype(http://www.prototypejs.org),成型早,面向对象的思想 ...

  7. javascript事件学习笔记

    事件冒泡 并不是所有的事件都支持事件冒泡,比如submit ,focus,blur不支持事件冒泡,mouseover,mouseout虽然支持冒泡,但是一般不用,因为需要经常计算元素的位置,消耗比较大 ...

  8. [jQuery] 选择器和事件

    jQuery选择器 属性选择器 <p>p1</p> <span style="font-size:24px;"></span>< ...

  9. jQuery选择器和事件

    选择器 常用事件 绑定与解除绑定 事件目标与冒泡 自定义事件

随机推荐

  1. 性能测试工具Jmeter06-Jmeter元件作用域和执行顺序

    元件作用域 8类可被执行的元件(测试计划与线程组不属于可执行元件),这些元件中,取样器(sampler)是典型的不与其它元件发生交互作用的元件,逻辑控制器只对其子节点的取样器有效,而其它元件(配置元件 ...

  2. idea编译golang插件总结

    由于使用习惯了Idea 和vim插件.于是下载了idea的go插件并安装,可惜不支持go1.4 ,官方的go插件版本太低 133.326 — 133.9999 .只能手动编译 按照这个教程就可以 ht ...

  3. 安装mplayer2和smplayer2

    MPlayer2 PPA源安装,打开终端,输入命令: sudo add-apt-repository ppa:motumedia/mplayer-daily sudo apt-get update s ...

  4. hduoj 2955Robberies

    Robberies Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total ...

  5. Tips In C

    C语言中的使用操作 宏定义时使用do while防止语句的分离, 但是不使用与需要有返回值的语句, 这个时候可以参考第二条 宏定义时使用({}), ()加上{}的方式, 在代码中填写逻辑算法, 最后的 ...

  6. win8中如何设定editplus为txt默认打开程序

    设定EditPlus为TXT默认打开方式吧. 首选,打开我们的EditPlus 接着,点击[工具]菜单,点击[参数设置]这个菜单项 来到设定界面 找到[设置&语法]这个选项,然后可以看到里面有 ...

  7. Angular搭建脚手架

    1.安装CLI: cnpm install -g @angular/cli //卸载: npm uninstall -g @angular/cli   npm cache clean 2.检测是否成功 ...

  8. Win7安装软件,装到microsoft.vc90.crt时卡住的解决办法

    在安装某些程序的时候,可能会出现下列提示:an error occured during the installation of assembly ‘microsoft.vc90.crt,versio ...

  9. Android 设置软键盘搜索键以及监听搜索键点击事件

    如图所示,有时候为了布局美观,在搜索时没有搜索按钮,而是调用软件盘上的按钮.调用的实现只需要在XML在输入框中加入android:imeOptions="actionSearch" ...

  10. ARM平台指令虚拟化初探

    0x00:什么是代码虚拟化? 虚拟机保护是这几年比较流行的软件保护技术.这个词源于俄罗斯的著名软件保护软件“VmProtect”,以此为开端引起了软件保护壳领域的革命,各大软件保护壳都将虚拟机保护这一 ...