【无标题】

jquery常见问题

1、使用jQuery一定要引入jQuery库吗?
答案:是,必须
2、jQuery中的$到底是什么?
答案:它是一个函数
3、怎么为按钮添加点击响应函数的?
答案:
1、使用jQuery查询到标签对象
2、使用标签对象.dick( function() );

3、jQuery核心函数

$是jQuery的核心函数,能完成jQuery的很多功能。$()就是调用$这个函数

1、传入参数为[函数]时:
表示页面加载完成之后。相当于window.onload = function(){}
2、传入参数为[HTML字符串]时:
会对我们创建这个html标签对象

$(function () {
alert(“页面加载完成之后,自动调用");
$("
<div>"+
u
<span>div-span1span>"+
"
<span>div-span2span>"+
"
div>" ).appendTo("body") ;
});

3、传入参数为[选择器字符串]时:
$(“#id属性值”);
id选择器,根据id查询标签对象
$(“标签名");
标签名选择器,根据指定的标签名查询标签对象
$(“.class属性值”);类型选择器,可以根据class属性查询标签对象
4、传入参数为[ DOM对象]时:
会把这个dom][对象转换为jQuery对象

jQuery对象和dom对象区分

Dom对象
1.通过getElementeyld()查询出来的标签对象是Dom对象
2通过getElementsByName()查询出来的标签对象是Dom对象
3.通过getElementsByTagName()查询出来的标签对象是Dom对象
4.通过createElement()方法创建的对象,是Dom对象
jQuery对象
5.通过JQuery提供的API创建的对象,是JQuery对象
6.通过JQuery包装的Dom对象,也是JQuery对象
7.通过JQuery提供的API查询到的对象,是JQuery对象

问题: jQuery对象的本质是什么?

jQuery对象是dom对象的数组+jQuery提供的一系列功能函数。

4.3、jQuery对象和 Dom对象使用区别

jQuery对象能使用DOM对象的属性和方法
DOM对象也不能使用jQuery对象的属性和方法

4.4、Dom对象和 jQuery对象互转

*1、dom对象转化为jQuery对象(重点)
1、先有DOM对象
2、$( DOM对象)就可以转换成为jQuery对象

*2、jQuery对象转为dom对象(重点)
1、先有jQuery对象工于
2、jQuery对象[下标]取出相应的DOM对象

【无标题】_第1张图片

*注意

$(function () { … }); 是一个jQuery的快捷方式,表示在DOM加载完毕后执行其中的代码。
如果缺少$(function () { … }),那么代码将不会在DOM加载完毕后执行。这意味着在代码运行之前,可能无法正确选择和操作DOM元素。

( f u n c t i o n ( ) . . . ) 是 (function () { ... })是 (function()...)(document).ready(function () { … })的简写形式,它用来确保代码在DOM加载完毕后执行。这样可以避免在没有加载完整个DOM的情况下操作DOM元素。

层级选择器

ancestor descendant
;
parent > child
:
prev + next
:
prev ~ siblings
:

//3.选择id 为one 的下一个div元紊
$("tbtn3" ).click( function(){

$("tone+div" ).css("background","#bbffaa" ) ;});

//4.选择id 为two的元紊后面的所有div兄弟元紊
$("btn4" ).click(function(){

$(""#two~div" ).css("background", "#bbffaa" );

你可能感兴趣的:(javascript,html,前端)