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含义的区别

  1. attr 是从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说较慢。
  2. 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接受改但不回传数据 )。

posted @ 2022-01-20 12:05  danielzzz  阅读(15)  评论(0编辑  收藏  举报