jquery 学习笔记

来源：互联网发布：政府与网络编辑：程序博客网时间：2024/05/22 12:15

<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>