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优化技巧(文件瘦身篇)
Jan 28 Javascript
javascript 尚未实现错误解决办法
Nov 27 Javascript
菜鸟学习JavaScript小实验之函数引用
Nov 17 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 Javascript
js实现select跳转功能代码
Oct 22 Javascript
探索Javascript中this的奥秘
Dec 11 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
详解JavaScript 中 if / if...else...替换方式
Jul 15 Javascript
vue router总结 $router和$route及router与 router与route区别
Jul 05 Javascript
vue 数字翻牌器动态加载数据
Apr 20 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
PHP开发工具ZendStudio下Xdebug工具使用说明详解
2013/11/11 PHP
JavaScript的类型转换(字符转数字 数字转字符)
2010/08/30 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
jQuery UI设置固定日期选择特效代码分享
2015/08/27 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
Vue之Watcher源码解析(1)
2017/07/19 Javascript
React如何将组件渲染到指定DOM节点详解
2017/09/08 Javascript
Vue2.0 slot分发内容与props验证的方法
2017/12/12 Javascript
Vue 页面跳转不用router-link的实现代码
2018/04/12 Javascript
微信小程序实现留言板功能
2018/11/02 Javascript
Vue对象赋值视图不更新问题及解决方法
2019/06/03 Javascript
python合并文本文件示例
2014/02/07 Python
浅谈Scrapy框架普通反爬虫机制的应对策略
2017/12/28 Python
Python实现计算字符串中出现次数最多的字符示例
2019/01/21 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
python实现扫雷游戏的示例
2020/10/20 Python
今天学到的CSS最新技术(与图片背景相关)
2012/12/24 HTML / CSS
纯CSS实现设置半个字符的样式
2014/07/03 HTML / CSS
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
Stio官网:男女、儿童户外服装
2019/12/13 全球购物
自行车租赁公司创业计划书
2014/01/28 职场文书
七年级生物教学反思
2014/01/30 职场文书
庆元旦迎新年广播稿
2014/02/18 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
安全生产标语
2014/06/06 职场文书
会员卡清退活动总结
2014/08/27 职场文书
小学班级特色活动方案
2014/08/31 职场文书
2016年元旦主持词
2015/07/06 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
观看《杨善洲》宣传教育片心得体会
2016/01/23 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS