您的位置:首页 > Web前端 > JQuery

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('点击!');

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: