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 相关文章推荐
Javascript 中文字符串处理额外注意事项
Nov 15 Javascript
Kibo 用于处理键盘事件的Javascript工具库
Oct 28 Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
纯JavaScript实现的分页插件实例
Jul 14 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
Aug 07 Javascript
jquery实现手风琴效果
Nov 20 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
Jul 24 Javascript
详解vue父子组件关于模态框状态的绑定方案
Jun 05 Javascript
vue实现公告栏文字上下滚动效果的示例代码
Jun 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 htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
2017/05/19 PHP
JavaScript 组件之旅(三):用 Ant 构建组件
2009/10/28 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
js如何取消事件冒泡
2013/09/23 Javascript
jquery $.each()使用探讨
2013/09/23 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
2015/08/21 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
微信小程序 弹窗自定义实例代码
2017/03/08 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
2020/05/20 Javascript
深入理解Python中的内置常量
2017/05/20 Python
Django自定义认证方式用法示例
2017/06/23 Python
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
Belvilla德国:在线预订度假屋
2018/04/10 全球购物
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
医院办公室主任职责
2013/12/29 职场文书
中国好声音华少广告词
2014/03/17 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
Requests什么的通通爬不了的Python超强反爬虫方案!
2021/05/20 Python
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript