jquery【学习心得】常用方法中的注意点

.end()和.parent()的区别,前者不单单只是能够寻找到父节点也可以找到相邻节点

.toggleClass()是指指定样式和默认样式之间的转换。

.offset()是获取相对于视口的绝对位置

.position()是相对于父元素的偏移位置

.scrollTop()获取垂直滚动条的高度

.clone()复制节点;值得注意的是此方法中如果没有传参或者传的是false,则只是复制的内容,并没有复制事件的处理,若是传的是ture则内容和事件处理都复制了

删除节点的几种方法:

.remove()   事件行为不保留的删除

.detach()    事件行为保留的删除

.empty()    清空节点内容保留标签

.replaceWith()   替换节点

mouseenter,mouseleave和mouseover mouseout之间的区别,前者穿过子元素的时候不触发事件,而后者穿过子元素的时候触发事件,为了防止事件行为的混淆,前者更为方便一点



事件

.keydown()   按下      e.keyCode

.keyup()     按下弹起           e.keyCode

.keypress()   按下      e.CharCode

e.pageX/e.pageY:相对于页面原点

e.screenX/e.screenY:相对于屏幕位置的

e.clientX/e.clientY:相对于页面视口的

e.stopPropagation:阻止冒泡行为;

e.preventDefault:阻止默认行为;在正常操作中,有哪些是默认行为呢,比如在文本框输入区域会弹出系统菜单,在点击超链接时会自动跳转到指定页面,点击提交按钮会提交数据跳转页面

禁止提交表单的例子

$(‘form‘).submit(function(e)

{

e.preventDefault;

}):这种方法常用

既阻止冒泡行为又阻止默认行为的方法: return false;

高级事件

.trigger()模拟用户操作,网页一打开只模拟一次

.trigger()和triggerHandler()的区别

1、后者会触发事件但是不会执行默认行为,典型的例子就是表单提交后但是页面不跳转

2、执行的次数不同,后者只会影响第一个匹配的元素

3、后者不可以连缀,返回的是当前的返回值若无则返回undefined,前者可以连缀,返回的是jquery对象

4、后者不会冒泡,前者会冒泡



动画

显示、隐藏  show()  hide()  toggle()

滑动、卷动 slideUp() slideDown()   slideToggle()

淡入、淡出 fadeIn()  fadeOut()   fadeToggle()   fadeTo()

同步动画

列队动画

例子

$("show“).click(function()

{

  $(‘.test‘).first().show(‘fast‘,function testshow(){

$(this).next().show(fast),testshow();

}

});

自定义动画

要想实现列队动画用.queue()来实现防止污染其他动画

.queue(function(next)

{

next()

});

或者

.queue(function()

{

$(this).dequeue();

});

.clearQueue()来清理动画

时间: 2024-10-13 15:29:47

jquery【学习心得】常用方法中的注意点的相关文章

权威指南学习心得-浏览器中的js

window对象:表示web了浏览器的一个窗口或窗体(winow属性引用自身) 含有以下属性:location包含Location对象,指定当前显示在窗口中URL,允许脚本往窗口里载入新的URL 含有以下方法: alert(),setTimeout(): document属性 引用Document对象,后者表示显示在窗口中的文档,它包含有一些重要方法,比如getElementById(),返回Element对象,这个对象有其它重要的属性和方法.每个Element对象都有style和classNa

jquery[学习心得]ajax的注意点

ajax异步请求 优点: 1.不需要插件,只要支持javascript 2.用户体检极佳(局部刷新) 3.提升web程序的性能 4.减轻web服务器带宽的负担 缺点 1.不同版本的浏览器对xmlhttpRequest支持度不高 2.前进.后退的功能被破坏 3.搜索 引擎的支持度不高 4.开发调试工具缺乏 .load()方法是局部方法,适合做静态文件的异步获取 $.get()和$.post()是全局方法,适合传参到服务器 get方式有三种方式 1.通过?   ?url=ycku 2.'url=yc

jquery学习心得:一个很好的css和js函数调用的例子

统一目录下的资源结构图: <html><head> <link rel="stylesheet" href="gallery.css" type="text/css" media="screen" charset="utf-8"/><script type="text/javascript" src="script.js"&g

jquery validate学习心得

据说,javascript最初的由来就是为了解决表单的验证问题,当然现在的js已经能够用来做各种各样炫酷的效果,不过表单验证一直以来都是js很重要的一个用途(在博客园第一篇博客,不知道说些什么开头~~). 最近刚刚接触到了一个简答易用的表单验证插件jquery validation,下面来分享下这几天收集到的一些资料与学习心得. 一个优秀的表单验证插件:      作为受众多web开发者追捧的validation,它理应拥有如下各种优点: 1.内置验证规则:拥有必填,url,数字,email等1

Jquery的DataTable插件 AJAX 服务器分页的的学习心得(java版)

首先得先引入对应的js 1.jquery.min.js  首先导入 2. File:        jquery.dataTables.min.js Version:     1.9.4     这是我使用的版本 这是  jsp 页面 关键的table  代码 <table id="fuck" class="table table-bordered data-table"> <thead> <tr> <span style=

Jquery学习笔记(5)--jquery1.6中的.prop()和.attr()异同

jquery1.6中的.prop()和.attr()异同 最近在iteye的新闻中看到jQuery已经更新到了1.6.1.和之前版本的最大变化是增加了.prop方法.但是.prop()方法和.attr()方法,单从字面上很难区分.在汉语中properties和attributes都有表示"属性"的意思.下面根据这篇博文(javascript:mctmp(0);),简要翻译了.prop()和.attr()的用法: 1.从1.5.2升级到1.6.1 通过介绍新方法.prop()以及.att

每日学习心得:$.extend()方法和(function($){...})(jQuery)详解

1.    JS中substring与substr的区别 之前在项目中用到substring方法,因为C#中也有字符串的截取方法Substring方法,当时也没有多想就误以为这两种方法的使用时一样的.这样就直接按照在C#中使用Substring的方式,直接在js中用了substring,在实际的项目中,有时候能得到正确的结果,但是有时候得到的结果却让人匪夷所思,后来仔细的调试跟踪之后才发现,原来是Js中substring的方法跟C#中的Substring方法不一样.关于C# 中的字符串截取方法已

jquery学习总结1

本文仅针对jquery的部分知识点做总结,后续会有其他的学习心得分享.   window.onload $(document).ready() 执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完 编写个数 不能同时编写多个,以下代码无法正确执行:window.onload =function({alert("test1");}window.onload = function(){alert(&qu

fullpage 插件学习心得

fullpage.js 是一个基于jquery 的插件,它能够轻松的制作出高大上的全屏网站,主要功能有; 1.支持鼠标滚动 2.支持前进后退和键盘控制 3.多个回调函数 4.支持 CSS3 动画 5.可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等. 实现的原理: 1. 窗口大小变化时,改变布局. 2. 鼠标wheel时,滚动. 3. jQuery Easing是在jQuery原有的动画效果上进行了扩展,所以使用时可以根据jQuery原有的动画函数进行扩展,使动画看起来更流畅

jQuery学习之:Validation表单验证插件

http://polaris.blog.51cto.com/1146394/258781/ 最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每个人都能够有所掌握,慢慢会用.于是,自己便开始学习…… 由于Struts2自己早就学过,因而不需要花多少时间.而AJAX之前没怎么用过.现在AJAX框架如此之多,选择哪一个呢?开始打算选择 dojo,但是看了一点后,发现蛮复杂的.在之前有学过一点点jQuery,而网上也说jQuery很强大而且很容易