Web开发基础_JQuery学习_0002_jQuery对象

jQuery对象的介绍:

案例思路:

Web开发基础_JQuery学习_0002_jQuery对象_第1张图片

案例演示:

需要引用 jquery-1.11.1.js





jQuery对象




	
	

jQuery对象本质上是DOM数组

jQuery对象只能调用jQuery的API

jQuery对象可以转换成DOM对象

最终页面显示效果:

点击打印按钮 页面依次显示如下:

A>

Web开发基础_JQuery学习_0002_jQuery对象_第2张图片

B>

Web开发基础_JQuery学习_0002_jQuery对象_第3张图片

C>

Web开发基础_JQuery学习_0002_jQuery对象_第4张图片

点击图片后:页面效果及控制台输出

可以看到图片尺寸大小在切换,控制台输出规律

【js中修改的宽度参数在函数执行结束才会应用到HTML元素上,即:执行中修改的参数,HTML元素宽度不会立即生效

Web开发基础_JQuery学习_0002_jQuery对象_第5张图片

 

你可能感兴趣的:(Web开发,jQuery)