博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery 学习笔记
阅读量:6107 次
发布时间:2019-06-21

本文共 1903 字,大约阅读时间需要 6 分钟。

 

//检测window中新增的对象//firstvar oldMap = {};for(var i in window){    oldMap[i] = 1;}//secondfor(var i in window){    if(oldMap[i]) continue;    alert(i);}$()选择器获取到的既不是一个dom元素,也不是节点列表,而是一个新的对象$() 不传入任何参数会返回一个空的jquery对象$("
") 根据传入的html创建jquery对象, 原理:创建一个//google cdn获取jquery
//这种写法更好$ = [1,2];jQuery(function($){ //自动传入jquery对象,即使外边的$被覆盖依然可以使用$ alert($);})//创建一个元素,同时给他添加一些属性和方法$("
", { type: "text", val: "Test", focusin: function() { $(this).addClass("active"); }, focusout: function() { $(this).removeClass("active"); }}).appendTo("form");//获取select标签的值,当为单选时为一个数值,当为多选时则会返回一个数组,//设置多选传入数组 $("select").val([1,2,3]);$("select option:selected").each(function(){ alert(this.value);})//绑定事件时传入参数,很好的解决了闭包产生的问题var message = 'Spoon!';$('#foo').bind('click', {msg:message}, function(evt) { //访问出入参数的方式 alert(evt.data.msg); });message = 'sjk';在事件处理函数内返回false就等价于执行事件对象上的.preventDefault()[ie:evt.returnValue=false;]和.stopPropagation()[ie:evt.cancelBubble=true;]jq绑定的事件只能用自身的方法来触发,但js绑定的事件同样可以用jq来触发$("#song").click(function(evt){ alert(evt.originalEvent); //原始的时间对象 alert('click'); })//事件绑定外边的一个函数function test(evt, msg){ alert(evt); alert(msg); alert(this.innerHTML);}document.getElementById('song').onclick = function(evt){ test.call(this, evt, 'ok'); //important};// trigger传入参数$("#song").click( function (event, a, b) { // 一个普通的点击事件时,a和b是undefined类型 // 如果用下面的语句触发,那么a指向"foo",而b指向"bar" alert(a+'\n'+b);} ).trigger("click", ["foo", "bar"]);live事件委托的元理$(document).bind("click", function (e) { $(e.target).closest("li").toggleClass("hilight");});//新发现mouse事件 mouseenter / mouseleavejquery返回的对象非常类似数组,但并不是继承自数组 instanceof Array//会自动把数组的下标赋值到this下面[].push.apply(this,ary);//jquery对象实现原理function list(ary){ this.ary = ary; [].push.apply(this,ary);}list.prototype = { attr:function(){ for(var i=0;i

 

 

 

转载地址:http://edhza.baihongyu.com/

你可能感兴趣的文章
TextView如何设置删除线
查看>>
.Net 委托 delegate 学习
查看>>
CSS布局之——对齐方式
查看>>
Introduction-To-Signal-Processingorfanidis-i2sp
查看>>
【转载】在block中使用weakSelf/strongSelf
查看>>
堆排序
查看>>
vue 模块化 路由拆分配置
查看>>
图的遍历---------开始开始-------o(∩_∩)o 哈哈
查看>>
myeclipse 8.5-10.0 安装 svn 方法
查看>>
double转为string (int\float等类似)
查看>>
Struts2之2.5.10配置
查看>>
备份恢复八大核心
查看>>
Debugging with GDB阅读[1]
查看>>
703. Kth Largest Element in a Stream
查看>>
wxPython中文教程入门实例
查看>>
UVA 1638 Pole Arrangement (dp)
查看>>
原创: 做一款属于自己风格的音乐播放器 (HTML5的Audio新特性)
查看>>
实验1
查看>>
Java - Tips
查看>>
Testing - Selenium
查看>>