Jquery
1 2 3 4 5 6 7 8 9 10 11 12 | < 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");
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步