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 相关文章推荐
setAttribute 与 class冲突解决
Feb 17 Javascript
JS实现的省份级联实例代码
Jun 24 Javascript
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
微信小程序页面间通信的5种方式
Mar 31 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
Angular5中调用第三方js插件的方法
Feb 26 Javascript
小程序清理本地缓存的方法
Aug 17 Javascript
防止Layui form表单重复提交的实现方法
Sep 10 Javascript
Vue分页效果与购物车功能
Dec 13 Javascript
不刷新网页就能链接新的js文件方法总结
Mar 01 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 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
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
js DataSet数据源处理代码
2010/03/29 Javascript
最新28个很棒的jQuery 教程
2011/05/28 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
动态加载js、css的简单实现代码
2016/05/26 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
简单易懂的天气插件(代码分享)
2017/02/04 Javascript
jQuery实现优雅的弹窗效果(6)
2017/02/08 Javascript
JS表格组件神器bootstrap table使用指南详解
2017/04/12 Javascript
jQuery简单绑定单个事件的方法示例
2017/06/10 jQuery
微信小程序 rich-text的使用方法
2017/08/04 Javascript
nodejs更改项目端口号的方法
2018/05/13 NodeJs
Vue子组件向父组件通信与父组件调用子组件中的方法
2018/06/22 Javascript
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
JS如何实现动态添加的元素绑定事件
2019/11/12 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
python调用百度语音识别api
2018/08/30 Python
python3.5安装python3-tk详解
2019/04/26 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
Jupyter notebook 启动闪退问题的解决
2020/04/13 Python
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
2014/03/31 HTML / CSS
写好自荐信的几个要点
2013/12/26 职场文书
招标授权委托书样本
2014/09/23 职场文书
承诺书模板大全
2015/05/04 职场文书
2016年优秀教师先进事迹材料
2016/02/26 职场文书