当前位置 : 主页 > 网页制作 > JQuery >

day49 jQuery

来源:互联网 收集:自由互联 发布时间:2021-06-15
表单筛选器: bootcdn ( CDN内容分发网络 ) min是压缩过后的 把他的URL复制过去 可以 在下面把src里放网址 在用表单筛选器 :checked 的时候 不仅会找到input里面的checked 还会把select 里面的 o

表单筛选器:

bootcdn ( CDN内容分发网络 )

min是压缩过后的

把他的URL复制过去

可以 在下面把src里放网址

在用表单筛选器

:checked 的时候 不仅会找到input里面的checked

还会把select 里面的 option 也找到

所以应该在前面加上input

input:checked

:selected 只会找到select里面的option

:disabled 也可以用

筛选器方法

同级别下面一个

同级别下面所有

直到 不包含最后一个

上面一个

上面所有的

上面 直到 不包含

找父亲

找父亲的父亲

找父亲的父亲的父亲 body

找父亲的父亲的父亲的父亲 document

然后就没了

.parents()

直到html 不会到document

$(‘.c2‘).parentsUntil(‘html‘)

找父亲 直到html

注意:对象和对象的转换

这里为什么报错就是因为去了索引之后变成了原生js对象 不是jQuery对象 所以需要转换一下

siblings同级别上下所有

内部查找 find

在id为d1里面找id为c2

$(‘ul li‘).first()

找到ul下面li里的第一个

$(this)找到当前级别div

this指代的是当前被操作对象(原生就是对象)

需要$( )转换成jQuery对象

要用两句话实现 一句话的话 不是特别好

链式操作

到jQuery 操作样式 就要.css

不需要像原生js一样 要.script 等等

调用jQuery方法后,只要返回的还是jQuery对象,就可以继续点下去,就可以实现一行代码实现很多事。

位置操作

.offset() 有多少加多少 left加上 margin加上

.position() 相对于父标签 (定位之后的位置)

$(window).scrollTop 怎么获取偏移量的

$(window).scrollTop(0)回到顶部

(还有一种方法是之前接触过的锚点的方法)

innerHeight 文本加宽度

outterHeight 文本加宽度加border

获取文本 加参数

原生js方式获取input框内部文本的方式

jQuery里面获取input框内部的文本的方法

属性操作

登录事例

return false 阻止标签默认的动作提交

checked不要用.attr(‘checked‘)去获取

用.prop(‘checked‘)就可以动态获取 并且返回的是 true 或者false

同理 selected 也推荐用.prop(‘selected‘) 来获取

removeProp

append追加到尾部

appendTo效果一样,方式不一样

prepend头部追加

after 同级别的后面

和insertAfter等价

remove会把自身也删除

empty会把自身内部的子全删除,把自己保留

clone 多重影分身 但是只克隆标签名和样式 不拷贝事件

clone(true) 会拷贝事件

绑定事件两种方式 建议用 第二种 有 on 的

阻止标签默认事件

两种

事件冒泡

span在p里面 p在div里面 你点了span 就相当于点了span 然后 一层一层往上汇报 如果他们有点击事件 就会从里到外依次执行

第一种解决方式 return false

? ( return false 比较合理 )

第二种解决方式 stopPropagation

页面加载

第一种(用的最少)

第二种(不太推荐)

第三种(推荐)

事件委托

需求:只要你是button按钮 并且你在我body内 无论 你什么时候写进来的 都有我button事件

$(‘body‘).on(‘click‘,‘button‘,function(){
alert(123)
})

jQuery动画

类似于for循环 传一个参数 得到 索引 两个 得到 索引和对象

第二种each循环的方式

data()可以让所有标签都成为你的小仓库,(比自定义属性 更好用, 因为自定义属性能被看到 这个data() 不能被看到)

设置值

取值

删除值

网友评论