jquery 基础

最新推荐文章于 2023-06-11 13:49:24 发布

Magic_miao

最新推荐文章于 2023-06-11 13:49:24 发布

阅读量243

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/Magic_miao/article/details/51763283

版权

Java 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

本文介绍jQuery作为免费开源的JavaScript库，其轻量级、强大的DOM选择器及解决浏览器兼容问题的特点，并提供了UI库组件，方便页面开发。文章还介绍了jQuery对象与DOM对象之间的转换方法，以及如何使用jQuery进行元素的选择和事件绑定。

摘要由CSDN通过智能技术生成

# jquery #

jquery是免费开放源代码的javascript代码库

优点：1 轻量级
2 强大的DOM选择器，简化js和ajax开发
3 解决不同浏览器兼容问题
4 提供UI库组件，让页面开发更方便

----------
jquery对象和dom对象的转换

dom转jquery:var jq = $(obj);obj为dom对象

jquery转dom: var obj = $(jq)[0]; jq 为jquery对象

----------

jquery 添加事件全部是现代事件添加，一个事件可以绑定多个函数

jquery 元素选择器

按标记名称查找元素
jquery：方法1  var msg = $("#div1 label");--知道Id情况下用
        方法2  var msg = $("div1").find("label")--已知对象时使用

取得数据第几个元素，返回dom对象:
alert($("#div1 label")[1].innerHTML)

数组长度
alert($"(#div1 label").size());

遍历数组
$("#div1 label").each(function(index,data){
    index 为循环遍历，data为数组中的DOM元素
});