<html> <head> <meta charset="UTF-8"> <title>dom操作</title> <script src="jquery-3.3.1/jquery-3.3.1.min.js"></script> <script> $(function(){ alert('Hello World'); }); </script> </head> </html>
简单的Helloworld 输出
jQuery库只提供了一个叫jQuery的函数,该函数中以及该元素的原型中定义了大量的方法。jQuery函数具有四种参数:
1)选择器(字符串) jQuery函数通过该选择器获取对应的DOM,然后将这些DOM封装到一个人jQuery对象中并返回。
2)DOM对象(即Node实例) jQuery函数将该DOM封装成jQuery对象并返回。
3)HTML文本字符串 jQuery函数根据传入的文本创建好HTML元素并封装成jQuery对象并返回。 $("<div class="one">one</div>");
4)一个匿名函数 $(function(){}); 当文当加载完毕之后jQuery函数调用匿名函数。
jQuery对象是jQuery函数的一个实例,是一个类数组对象,数组中存放的是DOM对象,而DOM对象是Node的实例。
对jQuery对象的操作实际上是对jQuery数组中的DOM对象的批量操作。jQuery对象和DOM对象可以相互转化。 jQuery对象的获取通常是使用选择器来获取的。比如,获取所有clss为one元素:$(".one");