<script type="text/javascript" src="jquery.js">
</script>
1.页面引入jquery 库
2. $ -->表示jquery这个对象本身
$(document) -->将HTML DOM 对象转换成一个jquery对象
$(document).ready(function(){
alert("Hello World");
} );
ready()可以关联几个函数,按顺序执行
window.onload 只执行最后一次关联的函数.
function test1()
{
alert("hello");
}
window.onload = test1;
3.事件/ 隐式循环
<script type="text/javascript">
$(document).ready(function()
{
$("a").click(function(){
alert("Hello world");
});
});
</script>
<a href = "#">test1</a><br>
<a href = "#">test2</a><br>
4.DOM对象转换JQuery对象
<script type="text/javascript">
$(document).ready(function(){
var pElement = document.getElementByTagName("p")[0];
var pElementjQuery = $(pElement);
alert("DOM 对象结果:" + pElement.innerHTML);
alert("jquery对象结果:" + pElementjQuery.html());
});
<p>点击我</p>
</script>
5 .获取有ID的jquery 对象 JQuery对象转换DOM对象
<script type="text/javascript">
var cm = $("clickMe"); //是个数组
var t = cm[0]; //t是DOM对象
var s = cm.get(0); //s是DOM对象
alert(t.innerHTML);
</script>
<p id ="clickMe">点击我</p>