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 静态对象和构造函数的使用和公私问题
Mar 02 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
Mar 16 Javascript
Notify - 基于jquery的消息通知插件
Oct 18 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
js中的布尔运算符使用介绍
Nov 20 Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
JS实现文字放大效果的方法
Mar 03 Javascript
web 前端常用组件之Layer弹出层组件
Sep 22 Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 Javascript
VUE 实现滚动监听 导航栏置顶的方法
Sep 11 Javascript
JavaScript实现横版菜单栏
Mar 17 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中的观察者模式
2010/03/24 PHP
php 连接mysql连接被重置的解决方法
2011/02/15 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
QQ互联一键登录审核不通过的解决方案
2014/09/10 PHP
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
Javascript注入技巧
2007/06/22 Javascript
让iframe子窗体取父窗体地址栏参数(querystring)
2009/10/13 Javascript
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
2010/06/11 Javascript
EasyUi datagrid 实现表格分页
2015/02/10 Javascript
Javascript类型系统之String字符串类型详解
2016/06/21 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
2018/01/23 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
js实现贪吃蛇游戏 canvas绘制地图
2020/09/09 Javascript
介绍Python中的一些高级编程技巧
2015/04/02 Python
python动态参数用法实例分析
2015/05/25 Python
python字符串连接方法分析
2016/04/12 Python
简单了解Python中的几种函数
2017/11/03 Python
python3写爬取B站视频弹幕功能
2017/12/22 Python
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
python实现转盘效果 python实现轮盘抽奖游戏
2019/01/22 Python
Python的形参和实参使用方式
2019/12/24 Python
python logging.basicConfig不生效的原因及解决
2020/02/20 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
How TDD works
2012/09/30 面试题
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
Ejb技术面试题
2015/04/29 面试题
优秀护士获奖感言
2014/02/20 职场文书
卫生院艾滋病宣传活动小结
2014/07/09 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书
婚前协议书怎么写,才具有法律效力呢 ?
2019/06/28 职场文书