python学习第十七天

Posted 2020-09-09

jQuery

中文在线文档  jquery.cuishifeng.cn

 

jQuery对象[0] =DOM对象

$(DOM对象) =jQuery对象

 

基本选择器

根据id查找

$(‘#i1‘)

根据classname查找

$(‘.c1‘)

根据标签查找

$(a)

组合查找

$("#i1,.c1,a")

 

层级选择器

找出id为i1的标签下所有的a标签

$("#i1 a")

找出id为i1的标签下所有的为a标签的子标签

$("#i1>a")

根据属性查找

$(‘[alex="123"]‘)

基本筛选器

:first 第一个标签的符合条件

:not$() 不选择该条件下的标签

:even 满足条件并且为偶数行的标签

:odd 满足条件并且为奇数行的标签

:eq(index) 根据索引筛选，索引从0开始

:last 最后一个标签的符合条件

 

筛选器

.next() 当前标签的下一个标签

.nextAll()  当前标签之后同级的所有标签

.nextUntil() 当前标签后到指定位置前的所有同级标签

.prev() 当前标签的上一个标签

.prevAll()

.prevUntil()

.parent()  当前标签的父标签

.parents()

.parentsUntil()

.children 当前标签的子标签

.siblings() 当前标签的兄弟标签

.find() 在对象标签下查找符合条件的子标签

.eq() 选择某个标签

.first()

.last()

.hasClass(class) 是否具有某种样式

 

循环

.each()  单个元素单独操作

 

添加样式 .addClass()

移除样式 .removeClass()

样式存在就取消，不存在就添加  .toggleClass()

 

.attr()   一个参数获取属性值，两个参数设置属性值

.removeAttr()

.prop()  checkbox,radio属性操作

.index() 获取标签索引

.append() 在指定标签的下一级的尾部添加一个子标签

.prepend()  在指定标签的下一级的头部添加一个子标签

.after() 在指定标签后添加一个兄弟标签

.before() 在指定标签前添加一个兄弟标签

.remove() 删除标签

.empty() 清空标签value值

.clone() 复制标签内容

.css() 设置单个css样式

获取文本  .text()   添加参数设置新内容

获取所有内容 .html()

获取value值  .val()

 

链式编程 一个jquery对象可以一直加.操作

字符串拼接 "" + ""

.offset 获取指定标签的坐标

.top() 顶部坐标

.left() 左边的坐标

.position()   配合relative,absolute使用，获取指定标签相对父标签的坐标、

.height()  获取指定标签的高度

.innerHeight() 获取标签和内边距高度

.outerHeight()  ，获取标签和内边距以及边框的高度，参数为True时，获取标签和内外边距以及边框的高度

 

绑定事件

1.click()

2.bind("",function)

.unbind("",function)

3.delegete("标签","",function)

.undelegete("标签","",function)

4.on("",function)

.off("",function)

 

事件优先级

自定义事件优先级高于默认事件

onClick="return ClickOn()"

如果返回值为false则不执行后续事件，在jquery中直接函数返回false

$(function)  当页面框架加载完毕后就执行该函数

 

jquery扩展自定义方法

$.extend("自定义方法名":function)

$.自定义方法名()

 

$.fn.extend("自定义方法名":function)

$().自定义方法名()

使用jquery扩展方法时需要使用自执行函数进行封装，将扩展的代码放入字执行函数体内