jQuery的练习题

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

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

　　- jQuery入口函数是在所有标签(DOM)加载完之后,就会去执行.

2. jquery的值的操作有哪些方法?

　　- $("#box").html()　　html后括号中为空时,表示获取"#box"的值;　　括号中有内容时,表示设置"#box"的值,该值可以当做标签元素进行渲染.

　　- $("#box").text()　　同上,但仅能获取或设置文本内容,不渲染.

　　- $("input").val()　　同上,但仅用于表单控件中设置或获取值,比如:input,textarea,select等

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

　　- js对象转化为jquery对象

　　　　用$()把DOM对象包起来，就能转换成一个jquery对象，转换后就可以使用jquery的方法了。
　　　　例如：

　　　　　　var obj=document.getElementById('obj');//js对象
　　　　　　var obj=$(obj);//jquery对象

　　- jquery对象转为js对象

　　　　jquery对象转为js对象有两种方法：[index]和get(index)。

　　　　jquery对象是一个数组对象，可通过[index]的方法,转为js对象
　　　　例如：

　　　　　　var obj=$('#obj'); //jquery对象
　　　　　　var obj=obj[0]; //js对象

　　　　jquery提供，通过get(index)方法,转为js对象
　　　　例如：

　　　　　　var obj=$("#obj"); //jquery对象
　　　　　　var obj=obj.get(0); //js对象

 

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

　　- Jquery是JS库，何为JS库，即把常用的js方法进行封装，封装到单独的JS文件中，要用的时候直接调用即可；

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

　　- 5.1 attr()

　　　　设置属性值或者 返回被选元素的属性值

　　　　　　//获取值：attr()设置一个属性值的时候 只是获取值
　　　　　　var id = $('div').attr('id')
　　　　　　console.log(id)
　　　　　　var cla = $('div').attr('class')
　　　　　　console.log(cla)
　　　　　　//设置值
　　　　　　//1.设置一个值 设置div的class为box
　　　　　　$('div').attr('class','box')
　　　　　　//2.设置多个值，参数为对象，键值对存储
　　　　　　$('div').attr({name:'hahaha',class:'happy'})
　　- 5.2 removeAttr()
　　　　移除属性

　　　　　　//删除单个属性
　　　　　　$('#box').removeAttr('name');
　　　　　　$('#box').removeAttr('class');
　　　　　　//删除多个属性
　　　　　　$('#box').removeAttr('name class');
　　- 5.3 prop()
　　　　prop() 方法设置或返回被选元素的属性和值。

　　　　当该方法用于返回属性值时，则返回第一个匹配元素的值。

　　　　当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

　　　　　　语法：

　　　　　　返回属性的值：

　　　　　　$(selector).prop(property)
　　　　　　设置属性和值：

　　　　　　$(selector).prop(property,value)
　　　　　　设置多个属性和值：

　　　　　　$(selector).prop({property:value, property:value,...})

　　- 5.4 js的setAttribute()方法封装来的 

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