jQuery学习笔记一
2019独角兽企业重金招聘Python工程师标准>>>
1、使用attr()方法控制元素的属性
attr()
方法的作用是设置或者返回元素的属性,其中attr(属性名)
格式是获取元素属性名的值,attr(属性名,属性值)
格式则是设置元素属性名的值。
2、操作元素的内容
使用html()
和text()
方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。
3、操作元素的样式
通过addClass()
和css()
方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。
4、移除属性和样式
使用removeAttr(name)
和removeClass(class)
分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名
5、使用append()方法向元素内追加内容
append(content)
方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。
6、使用appendTo()方法向被选元素内插入内容
appendTo()
方法也可以向指定的元素内插入内容,它的使用格式是:
$(content).appendTo(selector)
7、使用before()和after()在元素前后插入内容
使用before()
和after()
方法可以在元素的前后插入内容,它们分别表示在整个元素的前面和后面插入指定的元素或内容,调用格式分别为:
$(selector).before(content)
和$(selector).after(content)
其中参数content表示插入的内容,该内容可以是元素或HTML字符串。
8、使用clone()方法复制元素
调用clone()
方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为:
$(selector).clone()
其中参数selector可以是一个元素或HTML内容。
转载于:https://my.oschina.net/u/994267/blog/337882
jQuery学习笔记一相关推荐
- jQuery学习笔记--目录
jQuery学习笔记--Helloworld jQuery学习笔记--DOM对象和jQuery对象 jQuery学习笔记--jQuery选择器 jQuery学习笔记--jQuery的DOM操作 jQu ...
- jQuery学习笔记之DOM操作、事件绑定(2)
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...
- 【转载】jQuery学习笔记
jQuery学习笔记 1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构. CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人. JavaScript :一个人的灵魂 ...
- jQuery学习笔记:Ajax(二)
接上篇"jQuery学习笔记:Ajax(一)". 3.jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息. 这 ...
- jQuery学习笔记02:核心部分
jQuery学习笔记:核心部分 一.$(expr) 1.说明 $(expr) 该函数通过CSS选择器.XPath或html代码来匹配目标元素 参数:expr(字符串,一个查询表达式或一段html字符串 ...
- jQuery学习笔记01:初试jQuery
jQuery学习笔记01:初试jQuery 一.下载jQuery jQuery官网:https://jquery.com 二.案例演示--Welcome to jQuery World 1.在WebS ...
- jQuery学习笔记(二)
jQuery学习笔记(二) 二.管理jQuery包装集 1.创建新的元素 使用HTML DOM 创建元素 var select=document.createElement("select& ...
- javaweb(03) jQuery学习笔记
javaweb(03) jQuery学习笔记 jQuery介绍 什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...
- jquery学习笔记(-)
Jquery学习笔记(-) Jquery的简介 Jquery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k),兼容各种浏览器(IE6.0+,FF1 ...
- jQuery学习笔记开篇
开始学习人见人爱花见花开的jQuery. jQuery是一个轻量级,快速简洁的javascript框架.它的官方网址是(http://jquery.com/).jQuery的优点是它容量小巧,简洁和简 ...
最新文章
- python隐藏部分代码_python隐藏类中属性的3种实现方法
- 电脑入门完全自学手册_室内设计CAD施工图识读手册
- 十字路口红绿灯plc程序_实例讲解红绿灯PLC程序设计方法
- 虚拟机管理解决方案-VMware篇
- 【实践】Angel深度学习在广告推荐训练优化中的实践.pdf(附下载链接)
- BERT/Transformer/迁移学习NLP资源大列表
- linux系统商店下载的软件到哪了,linux下使用第三方商店安装应用
- AODV的设计思路和现有的各种解决方案的优缺点
- Linux指令——tailf
- 【ubuntu系统下装win10双系统】
- android 11.0 12.0Launcher3禁止拖动图标到Hotseat
- 小米路由器4A千兆版刷breed及padavan固件及关闭LED灯
- 茄子总结31/8/2022
- 腾讯云服务器部署(保姆级)
- 程序员加班面临的问题
- [Python]networkx入门
- 同为科技(TOWE)8路RS485通讯智能机柜PDU时序电源管理器
- 数据库工程师基础学习1----信息加密技术与逻辑运算
- 中国第一封电子邮件是谁发出的?
- 小型电梯尺寸_家用小电梯尺寸—家用小电梯尺寸介绍
热门文章
- springmvc工作流程简单易懂_三极管的结构和工作特性,简单易懂
- php常见排序算去,PHP兑现常见排序算法
- c语言作业扩展名通常为什么,C语言的源程序通常的扩展名是( )
- hdc mfc 画扇形图_使用echarts绘制条形图和扇形图
- 搜索进程内存地址_Linux编程 6 (查看进程 ps 及输出风格)
- 【jsp】页面跳转的两种方法
- mongoose简单使用
- geany怎么创建文件夹_教程详情|Geany怎么使用,Geany安装使用教程_234游戏网
- vue 网络请求 axios vue POST请求 vue GET请求 代码示例
- Ant Design 入门-参照官方文档使用组件