jQuery选择器和包装集对象与DOM对象互转-1

最新推荐文章于 2025-08-06 16:02:01 发布

转载最新推荐文章于 2025-08-06 16:02:01 发布 · 155 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/java888/p/10476774.html

文章标签：

本文介绍jQuery作为JavaScript轻量级框架的基础知识，包括如何避免因元素加载顺序导致的错误，jQuery对象与DOM对象的转换方法，以及jQuery提供的常用操作元素的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery是JavaScript的轻量级框架

JavaScript是解析执行的顺序从上往下

所以如果JavaScript代码块中调用了某个网页元素但该元素的位置还在JavaScript代码块之后

那么会报错因为没有找到该元素

解决该问题一般可以

$(document).ready(function(){ 
//JavaScript代码写在这里
});

 //这个理解起来的意思就是 当document对象 也就是网页文档对象 加载完毕之后 执行这个匿名函数 元素全部加载完毕才执行JavaScript代码 就不会出现找不到元素了
一般这个代码可以简写为:
$(function(){

//JavaScript代码写在这里

});
----------------------------------------------------------------------------------

jQuery包装集对象可以使用特有jQuery方法不能使用DOM对象方法反之亦然

在jQuery中 $符号代表关键字jQuery

将Jquery包装集对象转换为DOM对象:

约定jQuery包装集对象变量都以$符号开头 ,并且都是每一个包装集对象变量都是数组

$h1:为jquery包装集对象的变量名

(1)通过下标:$h1[0]

(2)通过get()方法:$h1.get(0);

DOM对象转换为Jquery包装集对象:

(1) $(dom对象);

(2)jQuery(dom对象);

-------------------------------------------------------------------------

jQuery包装集对象常用三个方法:

html():得到第一个匹配元素的html内容
text()：得到所有匹配元素的文本内容
val()：得到控件的值

---------------------------------------

jQuery基本选择器:

基本选择器：
id选择器：以#开头 例:$("#id");
类选择器：以.开头 例:$(".info");
元素选择器：标签名 例:$("h1");
匹配所有元素:* 例:$("*");
复合选择器:标签名以,隔开 例:$("p,input,h1");

转载于:https://www.cnblogs.com/java888/p/10476774.html