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”);

相关专题

更多
C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

10

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

29

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

13

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

11

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

8

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

55

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

热门下载

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

精品课程

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

共42课时 | 4.7万人学习

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

共132课时 | 9.7万人学习

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号