jquery一般方法介绍 入门参考


Posted in Javascript onJune 21, 2011

1、event.preventDefault():阻止某个事件的发生。如一个链接,点击时一般会跳到所链接的页面,如果想规避掉这个功能,则可以采用这个方法。如:

<a href="www.baidu.com">点击百度</a> 

<script> 


$(document).read(function(){ 



$("a").click(function(event){ 





event.preventDefault(); //效果为当点击以上链接时,页面保持不动。 



}) 


}) 

</script>

2、hide()方法,顾名思义,隐藏的方法,若在上述例子中的下面加上$(this).hide(),则点击百度四个字会消失。若加上$(this).hide("slow"),则可发现,点击百度四个字会慢慢消失。
3、callback的用法。callback即所谓的回调函数,只有当父函数执行完后才执行该回调函数。示例如下:

(1)当回调函数没有参数时,直接$.get("dd.html",mycallback);

(2)回调函数包括参数时,$.get("dd.html",function(){

mycallback(param1,param2);


})

切忌写成$.get("dd.html",mycallback(param1,param2));则程序会将mycallback()方法返回的值作为get()方法的第二个参数传进去执行get()方法。
4、jquery(selector,[context])的用法:

1、$('div.foo').click(function(){

$('span',this).addClass('bar');

})

html代码为

<div class="foo"><span>哈哈</span>哈哈2</div>

<div class="foo1"><span>哈哈3</span></div>

<style> .bar{font-weight:bold}</style>

在class为foo的div区域内点击,可以发现哈哈两个字变粗了,其余的字保持原样,因为上面script代码表示在class为foo的div中的span中才可以引发addClass的操作。

2、$(this) :如可在上述script代码中添加$(this).slideUp().

3、$.post('url.xml', function(data) {

var $child = $(data).find('child');

}) //加载url.xml中时,将其内容存入data的变量中,再将data中含有child节点的内容存入变量$child中

4、<body>

<p>one</p> <div><p>two</p></div> <p>three</p>

<script>

$("div > p").css("border", "1px solid gray");

</script>

</body> //效果为第二个p采用了该样式

5、$("input:radio", document.forms[0]);
6、$("div", xml.responseXML); //找出xml.responseXML中的div
7、$(document.body).css( "background", "black" );

8、$(myForm.elements).hide()

 
5、jQuery( html, [ ownerDocument ] )的用法:
(1)$("<div/>", {

"class": "test",

text: "Click me!",

click: function(){

$(this).toggleClass("test");

}

}).appendTo("body"); 

或者

 

$("<div/>").attr {

"class": "test",

text: "Click me!",

click: function(){

$(this).toggleClass("test");

}

}).appendTo("body");

Javascript 相关文章推荐
PPK 谈 JavaScript 的 this 关键字 [翻译]
Sep 29 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
浅谈JavaScript实现面向对象中的类
Dec 09 Javascript
js基础知识(公有方法、私有方法、特权方法)
Nov 06 Javascript
Javascript实现Array和String互转换的方法
Dec 21 Javascript
javascript中使用未定义变量或值的情况分析
Jul 19 Javascript
微信小程序 教程之模板
Oct 18 Javascript
javascript中apply/call和bind的使用
Feb 15 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
基于JavaScript实现无缝滚动效果
Jul 21 Javascript
Vue中computed与methods的区别详解
Mar 24 Javascript
ng-alain的sf如何自定义部件的流程
Jun 12 Javascript
jquery操作select option 的代码小结
Jun 21 #Javascript
jquery随意添加移除html的实现代码
Jun 21 #Javascript
基于Jquery实现表格动态分页实现代码
Jun 21 #Javascript
基于jquery实现的表格分页实现代码
Jun 21 #Javascript
jquery异步请求实例代码
Jun 21 #Javascript
读jQuery之九 一些瑕疵说明
Jun 21 #Javascript
读jQuery之八 包装事件对象
Jun 21 #Javascript
You might like
Session保存到数据库的php类分享
2011/10/24 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
php jsonp单引号转义
2014/11/23 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
给PHP开发者的编程指南 第一部分降低复杂程度
2016/01/18 PHP
thinkPHP实现MemCache分布式缓存功能
2016/03/23 PHP
JavaScript学习笔记记录我的旅程
2012/05/23 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
2014/08/18 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
2017/05/05 jQuery
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
js实现简单贪吃蛇游戏
2020/05/15 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
Python根据文件名批量转移图片的方法
2018/10/21 Python
python绘制直方图和密度图的实例
2019/07/08 Python
Django数据模型中on_delete使用详解
2020/11/30 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
html5 application cache遇到的严重问题
2012/12/26 HTML / CSS
加拿大鞋子连锁店:Town Shoes
2016/09/26 全球购物
英国知名美妆护肤在线商城:Zest Beauty
2018/04/24 全球购物
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
STP的判定过程
2012/10/01 面试题
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
公务员平时考核实施方案
2014/03/11 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
班委竞选稿范文
2015/11/21 职场文书
python的变量和简单数字类型详解
2021/09/15 Python
python 闭包函数详细介绍
2022/04/19 Python