jquery-随笔

#jquery-笔记（仅作者观看）

语法

写法

• $(this).hide()-隐藏当前元素
• $("p").hide()-隐藏所有的<p>元素

文档就绪事件

• 为防止文档在完全加载之前运行jquery代码，把jquery函数放在下面函数中$(function(){})
  (失败例子：试图加载一个不存在的元素；获得未完全加载的图像的大小)

选择器

选择器的用途：允许对html元素组或单个元素进行操作。

实例

• $("p")
• $("#id")
• $(".class")
• $("*")-获取所有的元素
• $(this)-获取当前元素
• $("[href]")-获取带有href属性的元素
• $("a[href='_blank']")-获取所有target属性值等于“_blank”的<a>元素
• $(:button)-获取所有type="button"的<input>元素和<button>元素
• $("tr:odd")-选取奇数位置的<tr>元素

事件

什么叫事件？页面对不同访问者的响应叫做事件；

鼠标事件

• click()–$("p").click(function(){......})–
• dbclick()
• mouseenter()–当鼠标指针进入

  元素时，设置背景色为黄色

  $("p").mouseenter(function(){
    $("p").css("background-color","yellow");
  })

• mouseleave()
• mousedown()
• mouseup()

键盘事件

• keydown()– 键按下的过程
• keypress()– 键被按下
• keyup()– 键被松开

表单事件

• submit()– 提交表单(该事件只适用于 <form> 元素)

• change()– 表单改变时

• focus()– 获得焦点时

• blur()–失去焦点时

  $("input").change(function(){
    alert("文本已被修改");
  });
  $("input").change(function(){
    alert("文本已被修改");
  });
  $("input").focus(function(){
    $("span").css("display","inline").fadeOut(2000);
  });
  $("input").blur(function(){
    alert("输入框失去了焦点");
  });

  文档/窗口事件

• load()

• scroll