Python全栈开发工程师 day57 jQuery
二、jQuery样式操作
标签样式操作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jQuery-3.4.1.js"></script>
</head>
<body>
<div class="c1 c2 c3"></div>
</body>
</html>
$('div').hasClass('c1')
true
$('div').hasClass('c2')
true
$('div').hasClass('c3')
true
$('div').removeClass('c1')
k.fn.init [div.c2.c3, prevObject: k.fn.init(1)]
$('div').addClass('c1')
k.fn.init [div.c2.c3.c1, prevObject: k.fn.init(1)]
cs操作
$('p').first().css('color','red')
k.fn.init [p, prevObject: k.fn.init(2)]
$('p').first().css('color','red').next().css('color','green')
k.fn.init [p, prevObject: k.fn.init(1)]
# jQuery对象调用jQuery方法之后返回jQuery对象 也就可以继续调用
位置操作
$('p').offset() #相对于浏览器窗口
{top: 116, left: 100}left: 100top: 116__proto__: Object
$('p').position() #相对于父标签
{top: 100, left: 100}
$('window').scrollTop() #括号内不加参数就是获取 有参数就是设置
undefined
文本操作
$('div').text()
"
有些话听听就过去了，不要在意，都是成年人
"
$('div').html()
"
<p>有些话听听就过去了，不要在意，都是成年人</p>
"
$('div').text('你个')
k.fn.init [div, prevObject: k.fn.init(1)]
$('div').html('<h1>你个</h1>')
k.fn.init [div, prevObject: k.fn.init(1)]
获取值操作
$('#d1').val()
"111"
$('#d2').val()
"222"
$('#d1').val('222')
k.fn.init [input#d1]
$('#d2').val('111')
k.fn.init [input#d2]
$('#d2')[0]
<input type="file" value="222" id="d2">
$('#d2')[0].files[0]
File {name: "邯郸学院 郭赛科.pdf", lastModified: 1596785921287, lastModifiedDate: Fri Aug 07 2020 15:38:41 GMT+0800 (中国标准时间), webkitRelativePath: "", size: 249211, …}
属性操作
js中 jQuery
setAttribute() attr(name,value)
getAttribute() attr(name)
removeAttribute() removeAttr(name)
事件
<button id="d1">问我</button>
<button id="d2">亲我</button>
<script>
// 第一种
$('#d1').click(
function (){
alert('v')
}
)
// 第二种
$('#d2').on('click',function (){
alert('2')
}
)
</script>
克隆事件
<button id="d1">
屠
</button>
<script>
$('#d1').on('click',function (){
// alert('a')
// console.log(this)
$(this).clone().insertAfter('body')
})
</script>
Python全栈开发工程师 day57 jQuery的更多相关文章
- 想成为Python全栈开发工程师必须掌握的技能
什么是Python全栈工程师? 即从前端页面的实现,到后台代码的编写,再到数据库的管理,一人可以搞定一个公司网站的所有事情,真正实现全栈开发. 全栈只是个概念 也分很多种类 真正的全栈工程师涵盖了we ...
- python 全栈开发，Day57(响应式页面-@media介绍,jQuery补充,移动端单位介绍,Bootstrap学习)
昨日内容回顾 ajax //get post 两种方式 做 请求 get 主要是获取数据 post 提交数据 同一个路由地址 既可以是get请求也可以是post请求 一个路由对应一个函数 get请求 ...
- python 全栈开发，Day53(jQuery的介绍,jQuery的选择器,jQuery动画效果)
js总结 js: 1.ECMAScript5 ES5语法 2.DOM CRUD 获取 3种方式 id tag className //面向对象 对象 : 属性和方法 某个对象中 function $( ...
- python 全栈开发，Day56(jQuery的ajax)
昨日内容回顾 事件流: 1.事件捕获 从最外层到最内层 2.事件目标阶段 3.事件冒泡 从最内层到最外层 每个事件都会事件对象 event 属性和方法 属性: event.target 目标节点(冒泡 ...
- python 全栈开发，Day55(jQuery的位置信息,JS的事件流的概念(重点),事件对象,jQuery的事件绑定和解绑,事件委托(事件代理))
一.jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度 获取宽度 .width() 描述:为匹配的元素集 ...
- python 全栈开发，Day53(jQuery的介绍，jQuery的选择器，jQuery动画效果)
01-jQuery的介绍 1.为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件. 代码容错性差. 浏览器兼容性问题. ...
- python 全栈开发，Day54(jQuery的属性操作,使用jQuery操作input的value值,jQuery的文档操作)
昨日内容回顾 jQuery 宗旨:write less do more 就是js的库,它是javascript的基础上封装的一个框架 在前端中,一个js文件就是一个模块 一.用法: 1.引入包 2.入 ...
- 老男孩Python高级全栈开发工程师三期完整无加密带课件(共104天)
点击了解更多Python课程>>> 老男孩Python高级全栈开发工程师三期完整无加密带课件(共104天) 课程大纲 1.这一期比之前的Python培新课程增加了很多干货:Linux ...
- 老男孩Python高级全栈开发工程师【真正的全套完整无加密】
点击了解更多Python课程>>> 老男孩Python高级全栈开发工程师[真正的全套完整无加密] 课程大纲 老男孩python全栈,Python 全栈,Python教程,Django ...
- 老男孩最新Python全栈开发视频教程（92天全）重点内容梳理笔记 看完就是全栈开发工程师
为什么要写这个系列博客呢? 说来讽刺,91年生人的我,同龄人大多有一份事业,或者有一个家庭了.而我,念了次985大学,年少轻狂,在大学期间迷信创业,觉得大学里的许多课程如同吃翔一样学了几乎一辈子都用不 ...
随机推荐
- SQLServer数据库执行时间
with kk AS( SELECT TOP 2000 total_worker_time/1000 AS [总消耗CPU 时间(ms)],execution_count [运行次数], qs.tot ...
- Matlab %叁
###本章内容十分多 第三章:Variables and Data access Data Types numeric:double.single.int8(16.32.64bit[integer]) ...
- 微信小程序 图片预览 wx.previewImage
官网地址: go官网 效果展示: list: [ 'http://img5.imgtn.bdimg.com/it/u=3300305952,1328708913&fm=26&gp=0. ...
- jsp执行流程
Jsp执行流程 jsp -----java ----class E: \student\apache-tomcat-8.5.30\work\Catalina\localhost\JspProject ...
- AssetBuddle（一）
一·含义 一个压缩文件,针对于特定平台的资产压缩包.资产包括模型,贴图,预制体,音效,材质球等,注意不包括c#脚本. 二·作用 相对于resource文件夹下面的东西打包后定死只读,无法修改. AB包 ...
- HTTP通信基础
1. HTTP通信流程: 1)输入www.baidu.com2)解析成IP地址:192.168.0.13)浏览器通过该IP访问web服务器获取web资源4)再返回给客户端5)最后呈现在用户面前 2. ...
- Keepalived+HAProxy基于ACL实现单IP多域名负载功能
编译安装 HAProxy 新版 LTS 版本,编译安装 Keepalived 开启HAProxy多线程,线程数与CPU核心数保持一致,并绑定CPU核心 因业务较多避免配置文件误操作,需要按每业务一个配 ...
- 利用MVC三层架构做一个案例（利用MyBatis实现增删改查）
查询所有 利用昨天学习到的MyBatis知识,再加上servlet页面的跳转, demo1.jsp UserMapper.java(接口) servletDemo.java MyBatisDemo.j ...
- java.lang.StackOverflowError错误的解决方法
对于java.lang.StackOverflowError认识 如下图所示,报出来这种错误的话,很大概率是有以下几种原因: 现在来看一看我的报错界面: 不难看出,这是无限循环的那种情况,所以,我就去 ...
- 详解ResNet 网络，如何让网络变得更“深”了
摘要:残差网络(ResNet)的提出是为了解决深度神经网络的"退化"(优化)问题.ResNet 通过设计残差块结构,调整模型结构,让更深的模型能够有效训练更训练. 本文分享自华为云 ...