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 相关文章推荐
node.js chat程序如何实现Ajax long-polling长链接刷新模式
Mar 13 Javascript
jquery 提交值不为空的元素示例代码
May 10 Javascript
js获取当前日期代码适用于网页头部
Jun 27 Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 Javascript
jQuery中prevUntil()方法用法实例
Jan 08 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
countup.js实现数字动态叠加效果
Oct 17 Javascript
Vue实现跑马灯效果
May 25 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
ucenter通信原理分析
2015/01/09 PHP
8个必备的PHP功能开发
2015/10/02 PHP
php把字符串指定字符分割成数组的方法
2018/03/12 PHP
多个iframe自动调整大小的问题
2006/09/18 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
2011/09/17 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
jQuery获得内容和属性示例代码
2014/01/16 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
剖析Node.js异步编程中的回调与代码设计模式
2016/02/16 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
2017/06/22 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
vue 自定义提示框(Toast)组件的实现代码
2018/08/17 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
使用Python下载Bing图片(代码)
2013/11/07 Python
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
python简单获取数组元素个数的方法
2015/07/13 Python
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
Python selenium根据class定位页面元素的方法
2019/02/26 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
python conda操作方法
2019/09/11 Python
Python3常用内置方法代码实例
2019/11/18 Python
Python使用pyenv实现多环境管理
2021/02/05 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
酒店前厅员工辞职信
2014/01/08 职场文书
运动会广播稿60字
2014/01/15 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
2014年会策划方案
2014/05/11 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
员工离职证明范本
2015/06/12 职场文书
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL