jquery学习笔记之二

1.one()与bind()的区别

bind():给一个对象绑定事件,可以绑定一个事件,也可以绑定多个事件。

one():跟bind一样,都是给对象绑定事件的。

如给一个按钮绑定了三个相同的click事件,第单击一次按钮就会执行三个相同的事件,但是one()不一样,它只会在最开始的一次执行,然后后面无论你在单击多少次按钮,都不会执行了。

2.模拟事件   trigger()

$(".btn").trigger("click");-----当页面加载完后就会立即执行click事件。当然也可以用$(".btn").click();

3.触发自定义事件  trigger()

trigger不仅能触发浏览器支持的具有相同名称的事件,还能触发自定义名称的事件。

4.trigger()与triggerHandle()

trigger():触发事件后,会执行浏览器默认的操作,如$("input").trigger("focus");不仅会触发input元素绑定的focus事件,还会使input元素获得焦点(这是浏览器默认的操作)

triggerHandle():只触发事件,不执行浏览器默认的操作。

5.jquery动画概括

fadeOut():在指定的时间内降低元素的不透明度;fadeIn()与fadeOut()相反

slideDown():由上而下显示。slideUp()与slideDown()相反

时间: 2024-11-05 10:36:41

jquery学习笔记之二的相关文章

jQuery学习笔记(二)

jQuery的DOM操作  html操作 1 // html() 2 // 获取 -- 北京节点的HTML代码 3 console.log($("#bj").html()); 4 // 设置(重置内容,不是追加或累加) -- 天津节点设置区的内容 5 $("#tj").html("天津<ul><li>塘沽区</li></ul>"); 文本操作 -- text() 1 //text() 2 //获取

JS与Jquery学习笔记(二)

施工中........... 一. JS 的面向对象 二. 用JS移动和复制元素 三. 如何给动态生成的元素绑定事件 四. 事件绑定函数的入参 五. $.each和$.map的用法与区别

jQuery学习笔记(二):this相关问题及选择器

上一节的遗留问题,关于this的相关问题,先来解决一下. this的相关问题 this指代的是什么 这个应该是比较好理解的,this就是指代当前操作的DOM对象. 在jQuery中,this可以用于单个对象,也可以用于多个对象. $('btn').click(function(){ alert(this.innerHTML); // 单个对象,this指代当前id为btn的DOM对象 }); $('div').each(function(index){ alert(this.innerHTML)

jQuery学习笔记(二)——css与节点操作

一.获取和设置元素内容 1.$('#box').html().$('#box').html('<p>123</p>') html内容 2.$('#box').text().$('box').text('123') 文本内容 3.$('#box').val().$('#box').val('123') 表单内容 二.元素属性操作 1.$('#box').attr('id') 取得id值 2.$('#box').attr('name','user') 设置属性 3.$('#box').

jQuery学习笔记(二)使用选择器一

jQuery选择器是jQuery框架的基础,jQuery对事件的处理.DOM操作.CSS动态控制.Ajax通信.动画设计都是在选择器基础上进行的 注意,在jQuery中通过各种选择器和方法获取的结果集合实际上都是一个jQuery对象 基本选择器 说明 返回值 #id 根据给定的ID匹配一个元素,如果选择器中包含特殊字符,可以用两个斜杠转义 单个元素 element 根据指定的元素类型名称选择该类型所有元素 同类型集合元素 .class 根据指定的类名选择所有同类元素 集合元素 * 在所限定的范围

jQuery学习笔记之二——常规选择器

jQuery 最核心的组成部分就是: 选择器引擎. 它继承了 CSS 的语法, 可以对 DOM 元素的标签名. 属性名. 状态等进行快速准确的选择, 并且不必担心浏览器的兼容性. 简单选择器#box { //使用 ID 选择器的 CSS 规则color:red; //将 ID 为 box 的元素字体颜色变红}在jQuery 选择器里,我们使用如下的方式获取同样的结果: $('#box').css('color', 'red'); //获取 DOM 节点对象,并添加行为 选择器 CSS 模式 jQ

菜鸟的jQuery源码学习笔记(二)

jQuery对象是使用构造函数和原型模式相结合的方式创建的.现在来看看jQuery的原型对象jQuery.prototype: 1 jQuery.fn = jQuery.prototype = { 2 //成员变量和方法 3 } 这里给原型对象起了一个别名叫做jQuery.fn.要注意的是这个jQuery.fn可不是jQuery对象的属性,而是jQuery构造方法本身的属性,它是不会传给它所创建的对象的.如果你在控制台敲$().fn的话输出的结果会是undefined.接下来看看原型对象里面有些

jQuery学习笔记(一):入门

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

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

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