Jquery 常用笔记 (一)

此系列博客主要是记录常用到的Jquery的功能,如果有不正确的地方请大家指教,后续部分不定时更新(zouw)

1.选择器

语法:$(selector)  示例如下

1.$("*")   选择所有元素

2.$(this)  选择当前元素

3.$("#test")  选择ID为test的元素

4.$("test")   选择class为test的元素

5.$("div")    选择div元素

6.组合选择  $("div test")  选择div中class为test的元素

$("div #test")  选择div中ID为test的元素

$("input[type=‘checkbox‘]")  选择input 标签中 type属性为checkbox的元素

2.常用事件
  1. $("#test") .click()  ID为test元素的单击事件

  示例:

  <input type="button" id="test"/>

  $("#test") .click(function(){

     alert("单击了!");

  });

2. $("#test") .dblclick()  ID为test元素的单击事件

  示例:

  <input type="button" id="test"/>

  $("#test") .dblclick(function(){

     alert("双击了!");

  });

3. $("#test") .submit()  ID为test元素的提交(一般是利用form提交)

示例:

  <form name="reply"  method="post" onsubmit="return validateForm( );">

<input type="text" name="title"  size="80" /><br />

<textarea name="cont" cols="80" rows="12"></textarea><br />

<input id="test" value="提交" >

</form>

  $("#test") .submit();

4. $("#test") .focus()  ID为test元素的获取焦点事件

示例:

  <input type="test" id="test" value=""/>

  $("#test") .focus(function(){

     alert("获取了焦点");

  });

5. $("#test") .blur()  ID为test元素的失去焦点事件

示例:

<input type="test" id="test" value=""/>

  $("#test") .blur(function(){

     alert("失去了焦点!");

  });

6. $("#test") .change()  ID为test元素的中类容改变事件

示例:

<input type="text" id="test" value="改变这段文字"/>

  $("#test") .change(function(){

     alert("内容改变了!");

  });

 

时间: 2024-10-29 19:11:45

Jquery 常用笔记 (一)的相关文章

Jquery 常用笔记 (二)

此系列博客主要是记录常用到的Jquery的功能,如果有不正确的地方请大家指教,后续部分不定时更新(zouw) 3.内容操作 示例: <p id="test">这是段落中的<b>粗体</b>文本</p><input type="text" id="name" value="米老鼠"></p><button id="btn1">

jQuery 常用插件和UI插件 总结笔记

1. jQuery 常用插件 (1). 表单验证插件--validate 该插件自带包含必填.数字.URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:$(form).validate({options});其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置. Jquery Validate 验证规则 (1)required:true 必输字段 (2)remote:"check.

Js脚本之jQuery学习笔记(1)

Js脚本之jQuery学习笔记(1) 一.javascript基础 单行注释 多行注释 /* */ 数据类型 数值型 字符串型 布尔型 空值 未定义值 转义字符 函数定义:1234567891011121314<head><script language="javascript"function test(m){var xixi="嘻嘻"alert("这是javascript")document.write(xixi + m)}

jQuery整理笔记八----jQuery的Ajax

Ajax,我一直读的是"阿贾克斯",据当时大学老师讲该读音出处是根据当年风靡欧洲的荷兰足球俱乐部阿贾克斯的名字来的,我觉得说法挺靠谱的. jQuery封装了Ajax的交互过程,用户不需要考虑XMLHttpRequest对象的兼容性问题以及使用XMLHttpRequest建立连接.发送请求.发送方式.接收方式等细节,利用jQuery定义 的几个简单方法,即可轻松实现客户端与服务端异步通信的问题,从而帮助开发人员从繁琐的技术细节中解脱出来,专心于业务层开发工作. 最初始的JavaScrip

锋利的JQuery 学习笔记

第一章 认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);}) ·链式操作:JQuery允许你在一句代码中操做任何与其相关联的元素,包括其子元素.父元素等//选择名称为myDiv的元素,为其自身添加css1的样式,然后再选择其所有子元素a,为其移除css2样式$(“#myDiv”).addClass(“css1″).children(“a”).removeClass(“css2″); ·

js与jquery常用数组方法总结

转载:http://www.cnblogs.com/codetker/p/4676899.html 昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组.本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害己,于是我又回答不知道.结果果然...我记错了0.0 还是自己总结测试一下比较靠谱,印象也比较深刻.欢迎大家提出相关意见或建议,提前谢谢哈~ 一.原生js方法 1.遍历数组 in(同时也是对象遍历属性

jQuery学习笔记——jQuery基础核心

代码风格 在jQuery程序中,不管是页面元素的选择.内置的功能函数,都是美元符号“$”来起始的.而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元素选择或执行功能函数的时候可以这么写: $(function () {}); //执行一个匿名函数 $(‘#box’);//进行执行的ID元素选择 $(‘#box’).css(‘color’, ‘red’);//执行功能函数由于$本身就是jQuery对象的缩写形式,那么也就是说上面的三段代码也可以写成如下形式:jQ

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

jQuery常用函数-思维导图

百度脑图jQuery常用函数 百度脑图jQuery常用函数