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的文档操作的方法?以及他们的意思?