JQuery的一些知识

DOM样式操作
设置样式和获取样式:
①class 也是节点元素的属性,因此获取class 和设置class 都可以使用attr()方法来完成,设置class也可以用addClass()方法;
②直接使用attr()方法设置class类名,会将原来的class类名替换掉,addClass()方法是在原有的基础上增加新的类名;
③jQuery.attr (‘class’) 和 jQuery.attr (‘className’) 都能设置类名,但原生JS用class不能赋值,只能使用className;
④删除class某个值,可以使用removeClass()方法完成, 它的作用是从匹配的元素中删除全部或者指定的class类名;不传递参数时,删除所有;给定参数时只删除指定的class;
⑤判断是否含有某个样式 ,hasClass()方法可以用来判断元素中是否包含某个class,如果有则返回true,否则返回false;

设置和获取HTML、文本和值:
①html()方法:获得或设置某个元素的html元素 $(selector).html()
②text()方法: 获得或设置某个元素的文本值 $(selecotr).text()
③val()方法:获得或设置某个元素的值,如果元素值是多选则以数组形式返回 $(selector).val()
④方法括号为空是获取,里面有值是设置其value值
⑤val()方法的不仅能操作input,最重要的一个用途用于select、checkbox、radio
例:在下拉框下的多选赋值应用

雪碧
可乐

$("#fruits").val([‘雪碧’,‘可乐’]); 使select中雪碧和可乐两项被选中

猜你喜欢

转载自blog.csdn.net/weixin_43828662/article/details/87966363