jQuery(尚硅谷)笔记------07

jQuery元素筛选：

 

 

 

 

 

 

 has()方法：

运行结果：

 

 

children()方法：

 

 

 

总结：

 next()方法：

 

 nextUntil()方法：

运行结果：

 

 parent()方法：

 

 

 prevUntil()方法：

 运行结果：

siblings()方法：

 

 运行结果：

 add(）方法：

运行结果：

 

 总结：

 元素筛选代码案例：

 重点部分：

 

 

-------------------------------------------------------------------------------------------------------------------------------- 

 

 运行结果：

 

jQuery的属性操作：

 html()               它可以设置和获取起始标签和结束标签中的内容       跟dom属性innerHTML一样。 

test()                它可以设置和获取起始标签和结束标签中的文本        跟dom属性innerText一样。

val()                   它可以设置和获取表单的value属性值。                    跟dom属性value一样。

   

 运行结果:

 

 运行结果:

运行结果：

 

 

 

 val()方法：

 

运行结果：

 

 

 运行结果：

 

点击按钮之后就会把值传进来。

 val方法同时设置多个表单项的选中状态示例代码：

案例：

我们先写一个前端页面：

 

 

 

单选按钮2默认被选中

 

 

可以任意选中多选框的选项。

 

 

 

 

 

 

 我们刚才是每一个按钮单独写成一条语句。当然我们也可以简化，把所有想要改动的标签写在一条语句里。

 

 jQuery的attr()和prop()方法：

attr()                可以设置和获取属性的值

prop()                可以设置和获取属性的值

 

 

 

 

 

 当我们去掉checked属性

 再去执行上面的代码：

我们发现报出来undefined，官方认为undefined是错误的。是没有被选中的按钮还是没获取到按钮对象我们不得而知，所以我们就需要另外一个方法了。 

 当我们使用prop()方法时：

 

我们发现这时就比较方便直观了。

 当状态为checked的时候使用prop()方法当然就是返回true了。

 

 

 attr()不推荐操作checked,readOnly,selected,disabled等等。

prop()只推荐操作checked,readOnly,selected,disabled等等。

true全选中

 

 

false都不选

 

 attr方法还可以操作非标准的属性。比如自定义属性。

例：

 运行结果：