[jQuery-1] jquery基础

﹏ヽ暗。殇╰゛Y 2022-11-26 06:52 198阅读 0赞

## 一、jQuery介绍 ##

### 1. jQuery的定义 ###

jQuery是对JavaScript的封装，它是免费、开源的JavaScript函数库，jQuery 极大地简化了 JavaScript 编程。

### 2. jQuery的作用 ###

jQuery和JavaScript它们的作用一样，都是负责网页行为操作，增加网页和用户的交互效果的，只不过jQuery简化了JavaScript编程，jQuery实现交互效果更简单。

### 3. jQuery的优点 ###

*  jQuery兼容了现在主流的浏览器，增加了程序员的开发效率。
 *  jQuery简化了 JavaScript 编程，代码编写更加简单。

## 二、jQuery用法 ##

### 1. jQuery的引入 ###

### 2. jQuery的入口函数 ###

我们知道使用js获取标签元素，需要页面加载完成以后再获取，我们通过给onload事件属性设置了一个函数来获取标签元素，而jquery提供了**ready函数**来解决这个问题，保证获取标签元素没有问题，**它的速度比原生的 window.onload 更快**。

**入口函数示例代码:**

**入口函数的简写示例代码:**

## 三、jQuery选择器 ##

### 1. jQuery选择器的介绍 ###

jquery选择器就是快速选择标签元素，获取标签的，选择规则和css样式一样。

### 2. jQuery选择器的种类 ###

1.  标签选择器
2.  类选择器
3.  id选择器
4.  层级选择器
5.  属性选择器

**示例代码:**

$('#myId') //选择id为myId的标签
    $('.myClass') // 选择class为myClass的标签
    $('li') //选择所有的li标签
    $('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签
    $('input[name=first]') // 选择name属性等于first的input标签

**说明:**  
可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功，否则选择失败。

$(function(){ 
        result = $("div").length;
        alert(result);
    });