jQuery(一)
2015-07-25 14:31
656 查看
<html> <head> <title>jQuery</title> <script type="text/javascript" src="jquery-1.11.3.js"></script> <script type="text/javascript" > $(function() { //先定义匿名函数 //$等于jQuery $('#w').css('color','red'); alert($);//jQuery对象内部 alert($()); //下面三个返回均为对象 alert($('#w')); alert($('#w').css('color','red'));
</pre><pre name="code" class="html"> alert($('#w').get(0));//返回该JQuery对象的DOM对象 }); </script> </head> <body> <div id="w">核心基础</div> </body> </html>
$(document.ready(function() {
alert("ok");
}))
等于
$(function() {}) 只需网页加载完DOM即可执行
jQuery.noconflict(); //把自己$所有权剔除
如果引入多个第三方库,却发生冲突,如$符,则$所有权归后面那个。
在 JavaScript 课程的学习中, 我们掌握了很多使用的事件, 常用的事件有: click、 dblclick、
mousedown、 mouseup、 mousemove、 mouseover、 mouseout、 change、 select、 submit、 keydown、
keypress、keyup、blur、focus、load、resize、scroll、error。那么,还有更多的事件可以参考
手册中的事件部分。
jQuery 通过.bind()方法来为元素绑定这些事件。 可以传递三个参数: bind(type, [data], fn),
type 表示一个或多个类型的事件名字符串;[data]是可选的,作为 event.data 属性值传递一个
额外的数据,这个数据是一个字符串、一个数字、一个数组或一个对象;fn 表示绑定到指
定元素的处理函数。
//使用点击事件
$('input').bind('click', function () { //点击按钮后执行匿名函数
alert('点击!');
});
//普通处理函数
$('input').bind('click', fn); //执行普通函数式无须圆括号
function fn() {
alert('点击!');
}
相关文章推荐
- JQuery中如何查找某种类型的所有元素&选择器
- jquery的ajax同步和异步
- JQuery基础attribute
- 增加支付编辑功能
- 2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)
- 2015-07-21 JQuery 第一课(JQ选择器:ID,类,特殊,奇偶ODD\event,eq,nth-child,子元素,包含,位置,属性,过滤)
- JQuery如何监听DIV内容变化
- jQuery.noConflict() 解决冲突 原理深入
- jQuery菜单插件用法实例
- jquery获取父窗口的元素 ;打开一个窗口的方式
- jquery animate 中的+= 或者-=
- jQuery 2.x 不支持IE9以下的IE浏览器
- 每天一个小知识点12(jQueryMobile总结三)
- jQuery基础整理+实例
- Jquery ajax异步提交
- jQuery静态方法globalEval使用和源码分析
- 基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
- HTML5+CSS3+JQuery打造自定义视频播放器
- !function($){}(window.jQuery) 是什么意思
- Jquery text() 和html使用