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 相关文章推荐
jquery中输入验证中一个不错的效果
Aug 21 Javascript
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 Javascript
jQuery实现的左右移动焦点图效果
Jan 14 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
微信小程序自定义多选事件的实现代码
May 17 Javascript
手把手教你用Node.js爬虫爬取网站数据的方法
Jul 05 Javascript
微信小程序实现录音时的麦克风动画效果实例
May 18 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
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
当年上海收录机产品生产,进口和价格情况
2021/03/04 无线电
一个高ai的分页函数和一个url函数
2006/10/09 PHP
同时提取多条新闻中的文本一例
2006/10/09 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
jquery蒙版控件实现代码
2010/12/08 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
window.onload与$(document).ready()的区别分析
2015/05/30 Javascript
jQuery实现商品活动倒计时
2015/10/16 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
2016/03/06 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
bootstrap配合Masonry插件实现瀑布式布局
2017/01/18 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
2017/04/12 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
js实现计算器功能
2020/08/10 Javascript
Python中的文件和目录操作实现代码
2011/03/13 Python
python3 模拟登录v2ex实例讲解
2017/07/13 Python
Android分包MultiDex策略详解
2017/10/30 Python
python实现list由于numpy array的转换
2018/04/04 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
python算法题 链表反转详解
2019/07/02 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
Pandas把dataframe或series转换成list的方法
2020/06/14 Python
Python实现Canny及Hough算法代码实例解析
2020/08/06 Python
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
2019史上最全Database工程师题库
2015/12/06 面试题
护理学专业推荐信
2013/12/03 职场文书
求职简历自荐信
2014/06/18 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
森马旗舰店双十一营销方案
2014/09/29 职场文书
安全保证书怎么写
2015/02/28 职场文书
MySQL分库分表详情
2021/09/25 MySQL