JQuery简介

来源:互联网 发布:java猜拳游戏代码新手 编辑:程序博客网 时间:2024/05/08 03:14

<!DOCTYPE html>

<html>

<head>

<metacharset="utf-8" />

<title></title>

<styletype="text/css">

#div1{

width:100px;

height:100px;

background-color: greenyellow;

}

</style>

<scriptsrc="js/jq/jquery-2.1.3.min.js"type="text/javascript" charset="utf-8"></script>

<scripttype="text/javascript">

//Jquery是Javascript库, write less,do more写的更少,做的更多;浏览器兼容出现的问题,jq替你解决,removeChild()对应remove()有浏览器兼容问题,在jq下面直接写remove()删除一个DOM子节点

// 1.引入jq

// 2.语法$(选择器).action()

// 3.chaining 链式语法

// 4.动画与特效$(选择器).animate(参数);

// 5.css方法

// 6.DOM操作

$(document).ready(function(){

$("#div1").click(function(){

$("#div1").hide();

})

})


</script>

</head>

<body>

<div id="div1"></div>

</body>

</html>

0 0