jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画效果和Ajax交互等操作。它提供了一套易于使用的API,使得开发者能够更加高效地操作DOM元素、处理事件、执行动画以及进行网络请求。
jQuery的主要特点包括:
jQuery广泛应用于前端开发中,特别适合用于处理DOM操作、事件处理、动画效果和Ajax交互等方面。它可以帮助开发者快速实现各种交互效果和功能,提高开发效率。
腾讯云提供了云开发服务,其中包括云函数、云数据库、云存储等产品,可以与jQuery结合使用,实现前后端分离的开发模式。具体产品介绍和文档可以参考腾讯云云开发官方网站:https://cloud.tencent.com/product/tcb
前言
通过 jQuery,可以很容易地添加和删除元素。
添加元素
添加元素主要用到四个方法
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
append() 方法在被选元素的结尾插入内容(作为该元素子元素插入)
hello world
jquery
[] jquery概念
jquery是JS的框架。
JS的函数库。
【】BOM
BOM:Browser Object Model
BOM对象:
1.window:BOM根对象
2.window.navigator 浏览器对象
3.window.location : URL地址对象
4.window.document: 文档对象。
5.window.history 历史对象
【】DOM
DOM根对象:window.document 表示浏览器载入的文档在内存中模型。
DOM模式的格式:树。
每个标记表示一个对象,在树中是一个节点。
1. JS定位一个节点方法
(1)根据ID定位:var div=document.getElementById("id"); 返回一个对象
(2)根据标记名定义:var div=document.getElemenetByTagName("div");
返回对象的数组。
(3) 根据CSS选择器选择对象:
var ob=document.querySelector("css选择器");返回满足选择器的第一个对象
例子:
<input type="text" name="userid" id="userid" />
var userid=document.querySelector("input[name='userid']");
var userid=document.querySelector("#userid");
var userid=document.querySelector("input");
(4) 返回所有的选择器选择的对象:返回对象数组。
document.querySelectorAll("CSS选择器")
【】DOM操作节点对象
1.读/写节点的内容
领取专属 10元无门槛券
手把手带您无忧上云