JQ常用方法学习笔记

1、css方法是jq框架提供给匹配节点添加行内样式
语法：$('div').css('color','red');
第一个参数，匹配节点添加样式的名字
第二个参数，匹配节点添加样式的属性值
注意：这种写法不常用，因为只能给元素设置一个样式，如果多个样式，要多次调用函数

常用的写法为在函数中使用json传值，可以设置多个样式
如：$('div').css({
color:'red',
background:'pink',
fontSize:30 //可以直接省略单位样式名使用小驼峰命名法
})

2、attr方法
概述：attr方法是jq框架给我们提供的，它主要的作用是可以获取或者设置节点的属性
语法使用:
<input type:'text' />
<input type:'radio' />
<input type:'checkbox' />
获取节点属性值
$('input:eq(0)').attr('type');--->输出text
设置节点属性值
$('input:eq(1)').attr('type','text');--->单选框变成了文本框

3、操作节点文本方法
3.1回顾：原生DOM操作的时候，我们可以操作节点文本，分为两种情况
操作非表单元素文本--》使用的是innerHTML属性
操作表单元素文本--》使用的是value属性

3.2JQ框架的两种情况
操作非表单元素文本--》使用html()方法
语法：

操作表单元素文本--》使用val()方法
语法：
获取表单元素文本
$('input').val();
修改表单元素文本
$('input').val('Hello World');