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 通过模式匹配实现重载
Aug 12 Javascript
JQuery 返回布尔值Is()条件判断方法代码
May 14 Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
Apr 16 Javascript
JS实现FLASH幻灯片图片切换效果的方法
Mar 04 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
Nov 26 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
Sep 06 Javascript
JS命令模式例子之菜单程序
Oct 10 Javascript
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
node跨域转发 express+http-proxy-middleware的使用
May 31 Javascript
vue-router 源码实现前端路由的两种方式
Jul 02 Javascript
vue递归获取父元素的元素实例
Aug 07 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新手上路(十二)
2006/10/09 PHP
关于php正则匹配汉字的方法介绍
2013/04/25 PHP
PHP实现正则表达式分组捕获操作示例
2018/02/03 PHP
Mac下快速搭建PHP开发环境步骤详解
2019/05/05 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
基于jquery的滑动样例代码
2010/11/20 Javascript
JavaScript中Function详解
2015/02/27 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
巧用canvas
2017/01/21 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
jQuery遮罩层实例讲解
2017/05/11 jQuery
jQuery判断自定义属性data-val用法示例
2019/01/07 jQuery
Windows下用py2exe将Python程序打包成exe程序的教程
2015/04/08 Python
Python3.2中的字符串函数学习总结
2015/04/23 Python
python实现带声音的摩斯码翻译实现方法
2015/05/20 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
python构建自定义回调函数详解
2017/06/20 Python
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
Python查找最长不包含重复字符的子字符串算法示例
2019/02/13 Python
python实现抖音点赞功能
2019/04/07 Python
Python Datetime模块和Calendar模块用法实例分析
2019/04/15 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
Python导入数值型Excel数据并生成矩阵操作
2020/06/09 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
远程学习的教学用品和家庭学习资源:Really Good Stuff
2020/04/27 全球购物
兼职业务员岗位职责
2014/01/01 职场文书
运动会广播稿100字
2014/01/11 职场文书
《少年王冕》教学反思
2014/04/11 职场文书
国王的演讲观后感
2015/06/03 职场文书
观后感的写法
2015/06/19 职场文书
教师节晚会主持词
2015/06/30 职场文书
环保宣传语大全
2015/07/13 职场文书
高二数学教学反思
2016/02/18 职场文书
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python