jquery 学习笔记

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