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的选择器的使用技巧之如何选择input框
Sep 22 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
javascript模拟php函数in_array
Apr 27 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
Dec 12 Javascript
模仿password输入框的实现代码
Jun 07 Javascript
bootstrap手风琴制作方法详解
Jan 11 Javascript
js实现密码强度检验
Jan 15 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
vue给组件传递不同的值方法
Sep 29 Javascript
vue-router之实现导航切换过渡动画效果
Oct 31 Javascript
基于Vue CSR的微前端实现方案实践
May 27 Javascript
vue使用transition组件动画效果的实例代码
Jan 28 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
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
PHP7新增运算符用法实例分析
2016/09/26 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
漂亮的仿flash菜单,来自蓝色经典
2006/06/26 Javascript
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
使用jQuery判断IE浏览器版本的代码
2014/06/14 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
2017/09/19 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
python strip()函数 介绍
2013/05/24 Python
用Python输出一个杨辉三角的例子
2014/06/13 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
python 对key为时间的dict排序方法
2018/10/17 Python
Python基础之文件读取的讲解
2019/02/16 Python
python设置环境变量的原因和方法
2019/06/24 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
python多线程使用方法实例详解
2019/12/30 Python
Python class的继承方法代码实例
2020/02/14 Python
pyinstaller将含有多个py文件的python程序做成exe
2020/04/29 Python
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
反腐倡廉标语
2014/06/24 职场文书
居委会个人对照检查材料思想汇报
2014/09/29 职场文书
仰望星空观后感
2015/06/10 职场文书
雷锋之歌观后感
2015/06/10 职场文书
初一语文教学反思
2016/03/03 职场文书
财产分割协议书
2016/03/22 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
Python实现归一化算法详情
2022/03/18 Python
如何在Python中妥善使用进度条详解
2022/04/05 Python
我收到了德劲DE1107
2022/04/05 无线电
Django框架中表单的用法
2022/06/10 Python