python第九十天----jquery
jQuery
http://jquery.cuishifeng.cn/
相当于js的模块,类库
DOM/BOM/JavaScript的类库
一、查找元素
jQuery 选择器 直接找到某个或者某个标签
1.id
$('#id')
2.class
$('.p')
3.标签
$('a')
$('div')
4. 组合
$('a,.c1,#div1') <div id="i1">
ddddd
</div>
<div class="c1" id="div1">
<a href="">xxx</a>
<a href="">yyyyy</a>
</div> 5.层级选择器
$('#div1 a') //id div1 下的 所有 a 标签
$('#div1>a') //id div1 下的 子级 a 标签 6.筛选 器
$(#div>a:first)//id div1 下的 子级 a 标签 的第一个
$(#div>a:last)//id div1 下的 子级 a 标签 的最后一个
$(#div>a:eq(0))//id div1 下的 子级 a 标签 索引 $(this).next() //下一个
$(this).nextAll() //下面所有的 同级
$(this).nextUntil('#id4') //下面标签直至到 #id4 $(this).prev() //上一个
$(this).prevAll() //上面所有 $(this).parent() //父级
$(this).parents() //父 父 级 所有
$(this).parentsUntil('.p1') //父 父 级 所有 $(this).children() //子级
$('#id').sibilings() //所有兄弟 同级
$('#id').find('#id') //所有子级
7.属性
$('[type]') //有 type 属性的标签
$('[type=radio]')//有 type=radio 属性的标签 $(':radio') //表单属性
筛选
转换:
jquery对象[0] =〉〉 dom对象
dom对象 =〉〉 $(dom对象)// jquery对象
实例:
$(':checkbox').prop('checked'); 获取值
$(':checkbox').prop('checked',true); 设置值
jquery 方法 内置循环
$(':checkbox').xxxx
文本操作
$(..).text() #获取文本内容
$(..).text('<a> </a>') #设置文本内容 $(..).html() #获取网页内容
$(..).html('<a> </a>') #设置网页内容 $(..).val() #获取值
$(..).val('<a> </a>') #设置值
样式操作
.hasClass('')//判断 有无样式
.removeClass('')//移除
.addClass('')//添加 .toggleClass('')//判断 有无样式 有就移除 无就添加
属性操作
$(..).attr('n','v') //自定义属性进行修改 一个形参,获取值 两个形参 设置值
$(..).removeAttr('n')//移除属性 $(..).prop('n',true)//用于chekbox,radio 一个形参,获取值 两个形参 设置值
索引
var v=$(this).index();
css操作
$(tag).css('color','green');//可以精确的设置
内容操作
.append(temp)//添加在子列表最下面
.prepend(temp)//添加在子列表最上面
.after(temp)//添加在兄弟位 下面
.before(temp)//添加在兄弟位 上面
.remove() //移除
.empty() // 清空内容 .clone // 克隆 复制
clearInterval(obj);//清除定时器
位置
滚动条
$(window).scrollTop()//无参 获取
$(window).scrollTop(100)//有参 设置 文档标签的位置
$('#id').offset()//获取到坐标
offset().left //横坐标
offset().top//纵坐标
事件
绑定方式
$('.c1').click() $('.c1').bind('click',function(){})//绑定事件
$('.c1').unbind('click',function(){})//解除绑定 $('.c1').on('click',function(){})
$('.c1').off('click',function(){}) $('.c1').delegate('li','click',function(){})
$('.c1').undelegate('li','click',function(){})
阻止事件发生
return false
//加载页面框架完成就执行
$(function(){
})
扩展
1、 //扩展
$.extend({
'name':function(){
return 's';
}
})
$.name();//调用
2、
$.fn.extend({
'name':function(){
return 's';
}
})
$('id').name();//调用
自执行 封装 变量
(function(){ })(jquery)
二、操作元素
$('il').height([val|fn])# 获取纯高度
$('il').width([val|fn])
$('il').innerHeight()#获取边框+纯高度
$('il').innerWidth()
$('il').outerHeight([soptions])#获取边框+纯高度+
$('il').outerHeight([soptions])#获取边框+纯高度+
$('il').outerWidth([options])
python第九十天----jquery的更多相关文章
- python第九十六天 ---Django(1)
django 模块 一 安装: pip3 install django 或 python -m pip install django 二 添加环境变量 相关命令: #cmd 下 django-ad ...
- python第九十五天--js正则
定义正则表达式 /.../ 用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m 表示多行匹配 JS正则匹配时本身就是支持多行,此处多行匹配只是影响正则表达式^ ...
- Python 爬虫十六式 - 第六式:JQuery的假兄弟-pyquery
PyQuery:一个类似jquery的python库 学习一时爽,一直学习一直爽 Hello,大家好,我是 Connor,一个从无到有的技术小白.上一次我们说到了 BeautifulSoup 美味 ...
- Python第十五天 datetime模块 time模块 thread模块 threading模块 Queue队列模块 multiprocessing模块 paramiko模块 fabric模块
Python第十五天 datetime模块 time模块 thread模块 threading模块 Queue队列模块 multiprocessing模块 paramiko模块 fab ...
- Python第十四天 序列化 pickle模块 cPickle模块 JSON模块 API的两种格式
Python第十四天 序列化 pickle模块 cPickle模块 JSON模块 API的两种格式 目录 Pycharm使用技巧(转载) Python第一天 安装 shell 文件 Py ...
- Python第十天 print >> f,和fd.write()的区别 stdout的buffer 标准输入 标准输出 从控制台重定向到文件 标准错误 重定向 输出流和输入流 捕获sys.exit()调用 optparse argparse
Python第十天 print >> f,和fd.write()的区别 stdout的buffer 标准输入 标准输出 从控制台重定向到文件 标准错误 重定向 输出流和 ...
- python+selenium十:selenium的二次封装
python+selenium十:基于原生selenium的二次封装 from selenium import webdriverfrom selenium.webdriver.support.w ...
- 关于python的十一道练习
关于python的十一道练习 1.编写程序,输入一个自然数字符串,然后输出各位数字之和.例如,输入字符串1234,输出10. def sums1(): #第一题 strs=input('请输入一个自然 ...
- Python 爬虫十六式 - 第七式:正则的艺术
RE:用匹配来演绎编程的艺术 学习一时爽,一直学习一直爽 Hello,大家好,我是 Connor,一个从无到有的技术小白.上一次我们说到了 pyquery 今天我们将迎来我们数据匹配部分的最后一位 ...
随机推荐
- [EXP]Cisco RV110W - Password Disclosure / Command Execution
#!/usr/bin/env python2 ##### ## Cisco RV110W Password Disclosure and OS Command Execute. ### Tested ...
- 【sping揭秘】19、关于spring中jdbctemplate中的DataSource怎么来呢
我们这是可以正好借助之前学的factorybean类,自己吧jdbctemplate加载到spring容器中,我们可以封装多个这种对象,那么可以实现针对不同的数据库的jdbctemplate 首先我们 ...
- 使用jdk的keytool 生成CA证书的方法
一.CA证书生成设置总共分为以下5步: 步骤: 1.根据java的keytool生成CA根证书,放在服务器 2.根据服务器CA根证书导出客户端证书 3.tomcat增加SSL配置 4.客户端IE浏览器 ...
- 04-TypeScript中的方法新功能(上)
在TypeScript中,提供了一些函数的新功能,能够简化JavaScript中的一些比较复杂代码才能实现的一些能力. 在C#后端语言中,能够对方法传递的参数指定params关键字,也就是可以传递任意 ...
- SQL Server性能优化(12)非聚集索引的组合索引存储结构
一,非聚集索引组合索引 用户可以在多个列上建立索引,这种索引叫做复合索引(组合索引).但复合索引在数据库操作期间所需的开销更小,可以代替多个单一索引.当表的行数远远大于索引键的数目时,使用这种方式可以 ...
- 边缘化搭建 DotNet Core 2.1 自动化构建和部署环境(上)
写在前面 写这篇文章的缘由是由于笔者的对新兴技术方向有所追求,但个人资产有限,只能容许购买一台阿里云低配1核2G服务器.服务器上搭建了 Centos7 & Docker & Jenki ...
- 从零开始学 Web 之 HTML5(三)网络监听,全屏,文件读取,地理定位接口,应用程序缓存
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- MySQL数据库设计规范
1. 规范背景与目的 MySQL数据库与 Oracle. SQL Server 等数据库相比,有其内核上的优势与劣势.我们在使用MySQL数据库的时候需要遵循一定规范,扬长避短.本规范旨在帮助或指导R ...
- scikit-learn入门导航
scikit-learn是一个非常强大的机器学习库, 提供了很多常见机器学习算法的实现. scikit-learn可以通过pip进行安装: pip install -U scikit-learn 不过 ...
- MapReduce核心 - - - Shuffle
大数据名词(1) -Shuffle Shuffle过程是MapReduce的核心,也被称为奇迹发生的地方.要想理解MapReduce, Shuffle是必须要了解的.我看过很多相关的资料,但每 ...