jQuery(常用方法)

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 () 方法

1. 用途：用于设置或获取元素的 CSS 样式属性。
2. 设置样式：
   • $(selector).css('property', 'value');可以为匹配的元素设置指定的 CSS 属性值。例如，$('p').css('color', 'red');将所有<p>元素的文本颜色设置为红色。
   • 也可以同时设置多个属性：$('div').css({'background-color': 'blue', 'font-size': '16px'});。
3. 获取样式：
   • $(selector).css('property');可以获取第一个匹配元素的指定 CSS 属性值。例如，var color = $('p').css('color');将获取第一个<p>元素的文本颜色值。

二、val () 方法

1. 用途：主要用于获取和设置表单元素的值，如<input>、<textarea>、<select>等。
2. 设置值：
   • $(selector).val('value');为匹配的表单元素设置值。例如，$('input[type="text"]').val('新的输入值');为文本输入框设置新的值。
3. 获取值：
   • $(selector).val();获取第一个匹配的表单元素的值。例如，var inputValue = $('input[type="text"]').val();将获取文本输入框中的当前值。

三、addClass () 和 removeClass () 方法

1. addClass()：
   • 用途：为匹配的元素添加一个或多个 CSS 类名。
   • 示例：$(selector).addClass('class-name');。例如，$('div').addClass('highlight');将为所有<div>元素添加名为 “highlight” 的类，从而可以通过 CSS 样式表为这些元素应用特定的样式。
2. removeClass()：
   • 用途：从匹配的元素中移除一个或多个 CSS 类名。
   • 示例：$(selector).removeClass('class-name');。例如，$('div').removeClass('highlight');将移除所有<div>元素上的 “highlight” 类。

四、prop () 方法

1. 用途：用于获取或设置元素的属性（主要是布尔属性和自定义属性）。
2. 设置属性：
   • $(selector).prop('property', value);为匹配的元素设置属性值。例如，$('input[type="checkbox"]').prop('checked', true);将勾选所有复选框。
3. 获取属性：
   • $(selector).prop('property');获取第一个匹配元素的指定属性值。例如，var isChecked = $('input[type="checkbox"]').prop('checked');将获取第一个复选框的选中状态。

五、data () 方法

1. 用途：用于在元素上存储和检索任意数据。
2. 存储数据：
   • $(selector).data('key', value);将数据存储在匹配的元素上。例如，$('div').data('customData', { name: 'example', value: 123 });在<div>元素上存储一个自定义对象数据。
3. 检索数据：
   • $(selector).data('key');获取存储在元素上的指定数据。例如，var data = $('div').data('customData');将获取之前存储在<div>元素上的自定义数据。

六、attr () 方法

1. 用途：用于获取和设置元素的 HTML 属性。
2. 设置属性：
   • $(selector).attr('attribute', 'value');为匹配的元素设置指定的 HTML 属性值。例如，$('img').attr('alt', '这是一张图片');为所有<img>元素设置alt属性。
3. 获取属性：
   • $(selector).attr('attribute');获取第一个匹配元素的指定 HTML 属性值。例如，var srcValue = $('img').attr('src');获取第一张图片的src属性值。