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 相关文章推荐
汉化英文版的Dreamweaver CS5并自动提示jquery
Nov 25 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
Javascript中string转date示例代码
Nov 01 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
Aug 24 Javascript
Javascript实现的StopWatch功能示例
Jun 13 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
Nov 14 Javascript
在React项目中使用Eslint代码检查工具及常见问题
Oct 10 Javascript
node和vue实现商城用户地址模块
Dec 05 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
Mar 31 Javascript
微信小程序实现下拉框功能
Jul 16 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
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
再Docker中架设完整的WordPress站点全攻略
2015/07/29 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
php 基础函数
2017/02/10 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
AJAX使用了UpdatePanel后无法使用alert弹出脚本
2010/04/02 Javascript
javascript实现tabs选项卡切换效果(扩展版)
2013/03/19 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
2013/07/30 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
浅析javascript中的Event事件
2016/12/09 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
javascript中的隐式调用
2018/02/10 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
JavaScript寄生组合式继承原理与用法分析
2019/01/11 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
[01:01:36]Optic vs paiN 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python变量和字符串详解
2017/04/29 Python
Python的IDEL增加清屏功能实例
2017/06/19 Python
Python3实现购物车功能
2018/04/18 Python
Django+Xadmin构建项目的方法步骤
2019/03/06 Python
Python定义函数时参数有默认值问题解决
2019/12/19 Python
基于Python获取docx/doc文件内容代码解析
2020/02/17 Python
利用 PyCharm 实现本地代码和远端的实时同步功能
2020/03/23 Python
Python selenium模拟手动操作实现无人值守刷积分功能
2020/05/13 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
学习十八届三中全会精神实施方案
2014/02/17 职场文书
房产买卖委托公证书
2014/04/04 职场文书
社会实践评语
2014/04/28 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
工作业绩不及格检讨书
2014/10/28 职场文书
卖房协议书样本
2014/10/30 职场文书
陕西导游词
2015/02/04 职场文书
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL