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的更多相关文章

  1. python第九十六天 ---Django(1)

    django 模块 一  安装: pip3 install django 或 python -m pip install django 二  添加环境变量 相关命令: #cmd 下 django-ad ...

  2. python第九十五天--js正则

    定义正则表达式 /.../ 用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m 表示多行匹配 JS正则匹配时本身就是支持多行,此处多行匹配只是影响正则表达式^ ...

  3. Python 爬虫十六式 - 第六式:JQuery的假兄弟-pyquery

    PyQuery:一个类似jquery的python库 学习一时爽,一直学习一直爽   Hello,大家好,我是 Connor,一个从无到有的技术小白.上一次我们说到了 BeautifulSoup 美味 ...

  4. Python第十五天 datetime模块 time模块 thread模块 threading模块 Queue队列模块 multiprocessing模块 paramiko模块 fabric模块

    Python第十五天  datetime模块 time模块   thread模块  threading模块  Queue队列模块  multiprocessing模块  paramiko模块  fab ...

  5. Python第十四天 序列化 pickle模块 cPickle模块 JSON模块 API的两种格式

    Python第十四天 序列化  pickle模块  cPickle模块  JSON模块  API的两种格式 目录 Pycharm使用技巧(转载) Python第一天  安装  shell  文件 Py ...

  6. Python第十天 print >> f,和fd.write()的区别 stdout的buffer 标准输入 标准输出 从控制台重定向到文件 标准错误 重定向 输出流和输入流 捕获sys.exit()调用 optparse argparse

    Python第十天   print >> f,和fd.write()的区别    stdout的buffer  标准输入 标准输出  从控制台重定向到文件  标准错误   重定向 输出流和 ...

  7. python+selenium十:selenium的二次封装

    python+selenium十:基于原生selenium的二次封装   from selenium import webdriverfrom selenium.webdriver.support.w ...

  8. 关于python的十一道练习

    关于python的十一道练习 1.编写程序,输入一个自然数字符串,然后输出各位数字之和.例如,输入字符串1234,输出10. def sums1(): #第一题 strs=input('请输入一个自然 ...

  9. Python 爬虫十六式 - 第七式:正则的艺术

    RE:用匹配来演绎编程的艺术 学习一时爽,一直学习一直爽   Hello,大家好,我是 Connor,一个从无到有的技术小白.上一次我们说到了 pyquery 今天我们将迎来我们数据匹配部分的最后一位 ...

随机推荐

  1. [EXP]Cisco RV110W - Password Disclosure / Command Execution

    #!/usr/bin/env python2 ##### ## Cisco RV110W Password Disclosure and OS Command Execute. ### Tested ...

  2. 【sping揭秘】19、关于spring中jdbctemplate中的DataSource怎么来呢

    我们这是可以正好借助之前学的factorybean类,自己吧jdbctemplate加载到spring容器中,我们可以封装多个这种对象,那么可以实现针对不同的数据库的jdbctemplate 首先我们 ...

  3. 使用jdk的keytool 生成CA证书的方法

    一.CA证书生成设置总共分为以下5步: 步骤: 1.根据java的keytool生成CA根证书,放在服务器 2.根据服务器CA根证书导出客户端证书 3.tomcat增加SSL配置 4.客户端IE浏览器 ...

  4. 04-TypeScript中的方法新功能(上)

    在TypeScript中,提供了一些函数的新功能,能够简化JavaScript中的一些比较复杂代码才能实现的一些能力. 在C#后端语言中,能够对方法传递的参数指定params关键字,也就是可以传递任意 ...

  5. SQL Server性能优化(12)非聚集索引的组合索引存储结构

    一,非聚集索引组合索引 用户可以在多个列上建立索引,这种索引叫做复合索引(组合索引).但复合索引在数据库操作期间所需的开销更小,可以代替多个单一索引.当表的行数远远大于索引键的数目时,使用这种方式可以 ...

  6. 边缘化搭建 DotNet Core 2.1 自动化构建和部署环境(上)

    写在前面 写这篇文章的缘由是由于笔者的对新兴技术方向有所追求,但个人资产有限,只能容许购买一台阿里云低配1核2G服务器.服务器上搭建了 Centos7 & Docker & Jenki ...

  7. 从零开始学 Web 之 HTML5(三)网络监听,全屏,文件读取,地理定位接口,应用程序缓存

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  8. MySQL数据库设计规范

    1. 规范背景与目的 MySQL数据库与 Oracle. SQL Server 等数据库相比,有其内核上的优势与劣势.我们在使用MySQL数据库的时候需要遵循一定规范,扬长避短.本规范旨在帮助或指导R ...

  9. scikit-learn入门导航

    scikit-learn是一个非常强大的机器学习库, 提供了很多常见机器学习算法的实现. scikit-learn可以通过pip进行安装: pip install -U scikit-learn 不过 ...

  10. MapReduce核心 - - - Shuffle

    大数据名词(1) -Shuffle     Shuffle过程是MapReduce的核心,也被称为奇迹发生的地方.要想理解MapReduce, Shuffle是必须要了解的.我看过很多相关的资料,但每 ...