jQuery练习题

Posted 2021-01-06 anzhangjun

1.js的入口函数和jquery入口函数的区别？

JS入口函数：window.onload=function(){ }     JQuery入口函数: $(document).ready(function(){ })

JS的window.onload事件必须要等到所有内容，以及外部图片之类的文件加载完之后，才会去执行。

JQuery入口函数是在所有标签加载完之后，就会去执行。

接着，通过JS的一个覆盖问题引出对JQuery入口函数实现的解释。

JS的入口函数window.onload函数有一个覆盖的问题，当文档中出现2个window.onload函数的时候，后者会覆盖前者，导致功能实现不了。但是JQuery却没有这样的问题，重要是因为JQuery入口函数只是对封装好了的方法的一个调用，只不过传的参数不同而已。 

最后，说说JQuery入口函数（$(document).ready();）的实现方式。

 

2.jquery的值的操作哪个方法？

值操作是对DOM属性value进行读取和设置操作。 比如html()、 text()、 val().

格式：

$(selector).html()

这个方法不接受任何元素

作用：在一个HTML文档中，　可以使用.html()方法来获取任意一个元素的内容。 如果选择器匹配多个元素， 那么只有第一个匹配元素的HTML内容会被获取。

1.2 html() 设置值

格式：

 

　　$(selector).html(htmlString);

　　返回值：jQuery

　　作用：　用来设置每个匹配元素的一个HTML字符串

　　htmlString 类型：string

 

3.jquery和js对象如何转化？

两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index); 

(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。 

如：var $v =$("#v") ; //jQuery对象 

var v=$v[0]; //js对象 

alert(v.checked) //检测这个checkbox是否被选中 

(2)jQuery本身提供，通过.get(index)方法，得到相应的js对象 
如：var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //js对象 
alert(v.checked) //检测这个checkbox是否被选中 

js对象转成jQuery对象: 

对于已经是一个js对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(js对象) 

如：var v=document.getElementById("v"); //js对象 

var $v=$(v); //jQuery对象 

转换后，就可以任意使用jQuery的方法了。 

 

 

4.阐述一下js和jquery的关系？

1.jQuery是一个  js框架,封装了js的属性和方法。让用户使用起来更加便利,并且增强了 js的功能.

2.使用原生 js是要处理很多兼容性的问题(注册事件等)，由jQuery封装了底层，就不用处理兼容性问题。

3.原生的js的dom和事件绑定和Ajax等操作非常麻烦，jQuery封装以后操作非常方便。

 

5.jquery的html属相操作是哪个方法？你认为是js中哪个方法封装来的？

 

6.列举jquery的文档操作的方法？以及他们的意思？

7.对一个元素显示隐藏分别使用类控制(addClass和removeClass)和文档操作(append())来实现,并描述一下他们的区别？

8.列举jquery的筛选方法有哪些？重点

9.jquery的事件有哪些？

10.mouseout和mouseover以及mouseenter和mouseleave的区别？

11.写jquery的ajax的get请求方法和post请求方法？