jQuery 基础

最新推荐文章于 2023-03-30 08:59:14 发布

qq_1959227206

最新推荐文章于 2023-03-30 08:59:14 发布

阅读量142

点赞数

本文链接：https://blog.csdn.net/yjt520557/article/details/82745260

版权

1.什么是jQuery?

jQuery是javascript代码的一个封装类（库），它能有丰富的选择器，让你的选取html元素更加的方便；而且jQuery具有独特的链式语法，能够极大的简化你的代码，提高你的开发效率，jQuery还提供了丰富的插件库，能够让项目开发更加简单。还有jQuery是面向集合。

2.jQuery程序入口以及区别？

jQuery有三种程序入口：

注：$符号代表着jQuery 写为$() 而且要先导入jQuery的库

<script type="text/javascript" src="jQuery的路径"></script>

2.1：

$(document).ready(function(){

  // 在这里写你的代码...

});

2.2刚才的代码可以简写为:

$(function($) {

  // 你可以在这里继续使用$作为别名...

});

2.3window.οnlοad=function(){

//在这里写你的代码

}

这三种程序入口，第一种和第二种其实是一样的，第三种最慢注意开发环境下的采用

3.jQuery的一大特色也就是它的选择器

3.1标签选择器获取到html元素的对象能够将所有的td的背景颜色设置为红色


$(function(){
$("td").css("background-color","red");
})

3.2类选择器

使用类选择器能够获取到所有的这个类的dom对象进行操作

$(".c1").css("background-color","yellow");

3.3id选择器取到id的dom对象

$("#id"):相当于document.getElementById(),

3.4jQuery的选择过滤器其实有很多大家可以到jQuery中文Api查看

3.5jQuery 和javascript 对象的互相转换

//将jQuery对象转化为DOM对象
var $txtName =$("#txtName"); 
//相反
var txtName =$txtName.get(0);

关注