分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

jQuery基础

发布时间:2023-09-06 01:53责任编辑:董明明关键词:jQuery

前言:

jQuery就是个JS文件,是JS写的一个插件库。jQuery能实现的,JS肯定能实现;JS能实现的,jQuery未必能实现。JS是爸爸,jQuery是儿子。

这个网站:http://www.bootcdn.cn/jquery/,可以下载JQuery文件,也可以在线引用。

开发用完整版的,上线时用mini版。mini版把所有的注释、换行全去掉了,是压缩过后的文件,小了很多。可以减少很多资源。

一、引入方式

(一).本地引用

(二).在线引用

二、基本使用

(一).基本写法

在jQ中,使用选择器选择元素。(和在CSS中使用CSS选择器是一样的)

美元符"$"是"jQuery"这个关键词的简洁。没有哪个程序猿有那么多时间去写这个完整的关键词,都是用美元符。

(二).JS与jQuery之间相互转换

(1).jQuery转成JS(两种方式任选其一)

$("#box")[0] 或 $("#box").get(0)

(2).JS转成jQuery

$("JS对象"),然后才可以用"点"来调用jQuery方法。

(三).jQuery把大多数的JS,方法化了

比如:getElementById("box").innerHTML

在jQ中就变成了:$("#box").html()。注意,括号中不加参数是获取值,加了参数就是修改值。

补充:length是为数不多的属性。

四、jQuery常用的方法

(一).修改内容

html() 和 text()

(二).转换

get()/[] 和 $()

(三).点击

click()

(四).鼠标经过

hover()

(五).追加

append()

(六).添加

prepend()

(七).前后

before() 和 after()

(八).移除

empty() 和 remove()

jQuery基础

原文地址:https://www.cnblogs.com/quanquan616/p/9028872.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved