jQuery 常用方法:<br/>
jQuery对象.size(); // 获取 jQuery 中包含元素的个数<br/>
jQuery对象.val(); // 操作元素的 value 属性<br/>
jQuery对象.html(); // 操作元素内的 HTML 代码<br/>
jQuery对象.text(); // 操作元素内的文本，忽略 HTML 标签<br/>
jQuery对象.css(); // 操作元素的 style 属性
jQuery事件绑定
jQuery对象.click(fn)，页面加载事件处理，对比之前使用原生的区别，之前只能绑定一个处理函数。
jQuery常用的DOM操作的方法
## 1、append 方法
给元素添加子元素，且是最小的子元素。
## 2、after 方法
给元素添加弟弟元素。
## 3、empty、remove 和 detach 方法
empty 断子绝孙，remove 和 detach 自杀。
jQuery元素属性操作的方法
属性操作的方法
一、css () 方法
- 用途：用于设置或获取元素的 CSS 样式属性。
- 设置样式：
- $(selector).css('property', 'value');可以为匹配的元素设置指定的 CSS 属性值。例如，$('p').css('color', 'red');将所有<p>元素的文本颜色设置为红色。
- 也可以同时设置多个属性：$('div').css({'background-color': 'blue', 'font-size': '16px'});。
- 获取样式：
- $(selector).css('property');可以获取第一个匹配元素的指定 CSS 属性值。例如，var color = $('p').css('color');将获取第一个<p>元素的文本颜色值。
二、val () 方法
- 用途：主要用于获取和设置表单元素的值，如<input>、<textarea>、<select>等。
- 设置值：
- $(selector).val('value');为匹配的表单元素设置值。例如，$('input[type="text"]').val('新的输入值');为文本输入框设置新的值。
- 获取值：
- $(selector).val();获取第一个匹配的表单元素的值。例如，var inputValue = $('input[type="text"]').val();将获取文本输入框中的当前值。
三、addClass () 和 removeClass () 方法
- addClass()：
- 用途：为匹配的元素添加一个或多个 CSS 类名。
- 示例：$(selector).addClass('class-name');。例如，$('div').addClass('highlight');将为所有<div>元素添加名为 “highlight” 的类，从而可以通过 CSS 样式表为这些元素应用特定的样式。
- removeClass()：
- 用途：从匹配的元素中移除一个或多个 CSS 类名。
- 示例：$(selector).removeClass('class-name');。例如，$('div').removeClass('highlight');将移除所有<div>元素上的 “highlight” 类。
四、prop () 方法
- 用途：用于获取或设置元素的属性（主要是布尔属性和自定义属性）。
- 设置属性：
- $(selector).prop('property', value);为匹配的元素设置属性值。例如，$('input[type="checkbox"]').prop('checked', true);将勾选所有复选框。
- 获取属性：
- $(selector).prop('property');获取第一个匹配元素的指定属性值。例如，var isChecked = $('input[type="checkbox"]').prop('checked');将获取第一个复选框的选中状态。
五、data () 方法
- 用途：用于在元素上存储和检索任意数据。
- 存储数据：
- $(selector).data('key', value);将数据存储在匹配的元素上。例如，$('div').data('customData', { name: 'example', value: 123 });在<div>元素上存储一个自定义对象数据。
- 检索数据：
- $(selector).data('key');获取存储在元素上的指定数据。例如，var data = $('div').data('customData');将获取之前存储在<div>元素上的自定义数据。
六、attr () 方法
- 用途：用于获取和设置元素的 HTML 属性。
- 设置属性：
- $(selector).attr('attribute', 'value');为匹配的元素设置指定的 HTML 属性值。例如，$('img').attr('alt', '这是一张图片');为所有<img>元素设置alt属性。
- 获取属性：
- $(selector).attr('attribute');获取第一个匹配元素的指定 HTML 属性值。例如，var srcValue = $('img').attr('src');获取第一张图片的src属性值。
