jQuery笔记
一、jquery选择器中两个class的用法
- $(".class1 .class2") 选择class1元素下class2的元素(中间有空格)【子代选择器】
- $(".class1.class2") 选择同时含有class1和class2的元素(中间没有空格)
- $(".class1,.class2") 选择class1或者class2的元素(中间有逗号)
jQuery的选择器和css选择器基本一样,例如:
css选择多个class为:.class1.class2
jQuery选择多个class为:$(".class1.class2")
二、attr和prop含义的区别
- attr 是从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说较慢。
- prop是从属性对象中取值,属性对象中有多少属性,就能获取多少值,不需要在页面中显示定义。
在高版本的jquery引入prop方法后,attr和prop在使用时如何选择?
- 对于HTML元素本身就带有的固有属性,在处理时使用prop方法。快速,准确。
- 对于HTML元素我们自己自定义的DOM属性,在处理时使用attr方法。
例如:
设置select的value值为’1’的项选中:
$("#selector option[value='1']").prop("selected", true); // 该语法生效的前提是option标签声明了value属性
三.disabled和readonly的区别
readonly只针对 input (text / password) 和 textarea 有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去( readonly接受值更改可以回传,disable接受改但不回传数据 )。