0

0

jQuery基础语法使用方法

一个新手

一个新手

发布时间:2017-09-29 09:53:01

|

1585人浏览过

|

来源于php中文网

原创

一、attr()

attr()方法设置或返回元素的属性。

attr(属性名):获取元素属性名的值。

attr(属性名,属性值):设置元素属性名的值。

例子:

仿M18紫色版整站 For SHOPEX
仿M18紫色版整站 For SHOPEX

SHOPEX仿M18紫色版 ,适合综合商城,服饰商城.化妆品商城等使用.程序基于SHOPEX4.8.5 最新版制作. 安装方法:1.解压上传程序至网站根目录.. 访问:域名/bak.(用户名:admin 密码:123456)2.进入帝国备份王后,配置数据库信息.选择-www.taomoban.net目录.还原数据库.3.修改FTP目录下的config/config.php 数据库连接信息.4.登陆

下载


点我就变
   

我改变后的地址是:

二、html()、text()

html():获取元素的html内容,原文的格式代码也被抓取。

text():获取元素的html内容,原文的格式代码没有抓取。

如果方法中包含参数,则表示将参数值设置为元素内容。

例子:


三、addClass()、css()

addClass():操作元素中的样式,参数为增加元素的样式名称。

css():直接将样式的属性内容写在括号中。

例子:


我穿了一件红衣

… $(#content”).css({“background-color”:”red”,”color”:”white”});

四、removeAttr()、removeClass()

removeAttr(name):实现移除元素的属性名。

removeClass(class):实现移除元素的样式名。

例子:


我脱下了一件蓝衣

… $(“#content”).removeClass(“blue”,”white”);

五、append()

append(content):向指定的元素中国追加内容,content参数可以是字符、HTML元素标记、或者一个返回字符串内容函数。

例子:


function rethtml(){   
var $html = “

我是调用函数创建的

” return $html; } $(“body”).append(rethtml());

六、appendTo()

appendTo():向指定的元素内插入内容

使用格式:$(content).appendTo(selelctor),content表示需要插入的内容,参数selector表示被选的元素。

例子:


小乌龟

var $html = “小青蛙 $($html).appendTo(“p”);

七、before()、after()

before():在元素前面插入内容,

格式:$(selector).before(content。

after():在元素后面插入内容,

格式:$(selector).after(content)。

例子:


交个朋友吧!var $html = “兄弟”
$(“.green”).after($html);

八、clone()

clone():生成一个被选元素的副本,

格式:$(selector).clone(),

selector可以是一个元素或HTML内容

例子:


交个朋友吧!
$(“body”).append($(“.green”).clone());

九、replaveWith()、replaceAll()

replaceWith():替换元素或元素中的内容,

格式:$(selector).replaceWith(content)

replaceAll():替换元素或元素中的内容,

格式:$(content).replaceAll(selector)

例子:


我是屌丝var $html = “我是土豪”;
$($html).repalceAll(“.green”);

十、wrap()、wrapInner()

wrap():用于包裹元素本身,

格式:$(selector).wrap(wrapper)

wraplnner():用于包裹元素中的内容,

格式:$(selector).wrapInner(wrapper)

wrapper参数为包裹元素的格式

例子:


我的身体有点歪
$(“.red”).wrapInner(“”);

十一、each()

each():遍历指定的元素集合,通过回调函数返回遍历元素的序列号,

格式:$(selector).each(function(index))

参数function为遍历时的回调函数,index为遍历元素的序列号,从0开始。

例子:


香蕉
香蕉
香蕉
香蕉
$(“span”).each(function(index){ if(index == 1){
$(this).attr(“class”,”red”);
}
});

十二、remove()、empty()

remove():删除元素本身和子元素,通过添加过滤参数指定需要删除的某些元素;

empty():只删除所选元素的子元素

例子:


香蕉
香蕉
香蕉
香蕉
$(“span”).empty(“.green”);

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

c++ 字符串格式化
c++ 字符串格式化

本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

9

2026.01.30

java 字符串格式化
java 字符串格式化

本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

12

2026.01.30

python 字符串格式化
python 字符串格式化

本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

4

2026.01.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

20

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

18

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

19

2026.01.29

Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

3

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
jQuery 教程
jQuery 教程

共42课时 | 5.1万人学习

HTML+CSS基础与实战
HTML+CSS基础与实战

共132课时 | 9.9万人学习

tp6+adminlte搭建通用后台
tp6+adminlte搭建通用后台

共39课时 | 5.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号