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 相关文章推荐
用于table内容排序
Jul 21 Javascript
JS类库Bindows1.3中的内存释放方式分析
Mar 08 Javascript
jquery load事件(callback/data)使用方法及注意事项
Feb 06 Javascript
js给dropdownlist添加选项的小例子
Mar 04 Javascript
纯js分页代码(简洁实用)
Nov 05 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
Oct 12 Javascript
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
Sep 04 Javascript
JavaScript运行机制实例分析
Apr 11 Javascript
微信小程序开发打开另一个小程序的实现方法
May 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根据IP判断地区名信息的示例代码
2014/03/03 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
DIV始终居中的js代码
2014/02/17 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
2014/07/10 Javascript
js拼接html注意问题示例探讨
2014/07/14 Javascript
一个js过滤空格的小函数
2014/10/10 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
2019/01/08 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
JavaScript实现轮播图效果
2020/10/30 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
python通过线程实现定时器timer的方法
2015/03/16 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
Python生成指定数量的优惠码实操内容
2019/06/18 Python
python数据爬下来保存的位置
2020/02/17 Python
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
护士实习自我鉴定
2013/10/22 职场文书
毕业设计说明书
2014/05/07 职场文书
国贸专业求职信
2014/06/28 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
优秀毕业生主要事迹材料
2015/11/04 职场文书
外出听课学习心得体会
2016/01/15 职场文书