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表达式中连续的 &amp;&amp; 和 || 之赋值区别
Oct 17 Javascript
ajax请求get与post的区别总结
Nov 04 Javascript
JS判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
javascript实现表格排序 编辑 拖拽 缩放
Jan 02 Javascript
JS实现下拉菜单赋值到文本框的方法
Aug 18 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
Jan 04 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
jQuery插件uploadify实现ajax效果的图片上传
Jun 18 Javascript
JS实现的按钮点击颜色切换功能示例
Oct 19 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
微信小程序设置滚动条过程详解
Jul 25 Javascript
vue实现鼠标移过出现下拉二级菜单功能
Dec 12 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修改Linux或Unix口令的方法分享
2012/01/30 PHP
php实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
那些年我们错过的魔术方法(Magic Methods)
2014/01/14 PHP
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
PHP把数字转成人民币大写的函数分享
2014/06/30 PHP
yii操作cookie实例简介
2014/07/09 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
js获取IP和PcName(IE)在vs中可用
2013/08/02 Javascript
node.js中的fs.symlink方法使用说明
2014/12/15 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
2017/05/02 Javascript
nodejs express配置自签名https服务器的方法
2018/05/22 NodeJs
node版本管理工具n包使用教程详解
2018/11/09 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
python生成器的使用方法
2013/11/21 Python
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
django框架如何集成celery进行开发
2017/05/24 Python
Python3 模块、包调用&amp;路径详解
2017/10/25 Python
Django实现学员管理系统
2019/02/26 Python
Python3 实现减少可调用对象的参数个数
2019/12/20 Python
python的dict判断key是否存在的方法
2020/12/09 Python
python实现三种随机请求头方式
2021/01/05 Python
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
CSS3制作酷炫的条纹背景
2017/11/09 HTML / CSS
旅游管理实习自我鉴定
2013/09/29 职场文书
出售房屋委托书范本
2014/09/24 职场文书
公司开业主持词
2015/07/02 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
Python+Appium新手教程
2021/04/17 Python
MySQL5.7并行复制原理及实现
2021/06/03 MySQL