jQuery中常用的选择器及常用的方法

window:窗口

常用属性:
获取其他的四个对象
window.location....
常用方法:
消息框
alert confirm prompt
定时器
setInterval 周期
setTimeout 延迟
打开关闭 
open close
location:定位
location.href:设置或者获取url
history:历史

go()


DOM(文档对象模型)
就是我们的html代码加载到内存中会形成一棵document树
节点:
文档节点 document
元素节点 element
属性节点 attribute
文本节点 text
获取一个元素节点:通过document获取
四个
操作元素的属性
dom对象.属性
操作元素的标签体

dom对象.innerHTML


以前通过js获取对象的时候
var obj=document.getElementById("id");

funtion getId(id){
return document.getElementById("id");
}

$("选择器")===>获取元素

jquery和html的整合
jquery是单独的js文件
通过script标签的src属性导入即可
获取一个jquery对象
$("选择器")  或者 jQuery("选择器")
dom对象和jquery对象之间的转换
dom对象===>jquery对象
$(dom对象)
jquery对象===>dom对象
方式1:
jquery对象[index]
方式2:
jquery对象.get(index)
页面加载:
js:
window.οnlοad=function(){}//在一个页面中只能使用一次
jquery 在一个页面中可以使用多次
方式1:
$(function(){...})
方式2:
$(document).ready(function(){});
派发事件:
$("选择器").click(function(){...});
等价于 原生js中
dom对象.οnclick=function(){....}
掌握事件:
focus

blur

触发每一个匹配元素的blur事件。

这个函数会调用执行绑定到blur事件的所有函数,包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的

submit
change

click

jquery中效果:
隐藏或展示
show(毫秒数) hide(毫秒数)
滑入或滑出
slideDown(毫秒数):向下滑入
slideUp(毫秒数):向上滑出
淡入或淡出
fadeIn(int):淡入
fadeOut(int):淡出

选择器总结:
基本选择器★
$("#id值")  $(".class值")  $("标签名")  

了解:$("*")
理解:获取多个选择器 用逗号隔开
$("#id值,.class值")
层次选择器 ★
a b:a的所有b后代
a>b:a的所有b孩子
a+b:a的下一个兄弟(大弟弟)
a~b:a的所有弟弟
基本过滤选择器:★
:frist 第一个
:last 最后一个
:odd  索引奇数
:even 索引偶数
:eq(index) 指定索引
:gt(index) >
:lt(index) <
内容过滤:
:has("选择器"):包含指定选择器的元素
可见过滤:
:hidden   在页面不展示元素 一般指 input type="hidden" 和 样式中display:none
:visible 
属性过滤器:★
[属性名]
[属性名="值"]
表单过滤:
:input  所有的表单子标签  input select textarea button

//input

属性和css操作总结:
对属性的操作:
attr():设置或者获取元素的属性
方式1:获取
attr("属性名称")
方式2:设置一个属性
attr("属性名称","值");
方式3:设置多个属性  json
attr({
"属性1":"值1",
"属性2":"值2"
})
removeAttr("属性名称"):移除指定属性
//添加class属性的时候 
// attr("class","值");
addClass("指定的样式值"); 相当于 attr("class","指定的样式值");
removeClass("指定的样式值");


对css操作:操作元素的style属性
css():获取或者设置css样式
方式1:获取
css("属性名")
方式2:设置一个属性
css("属性名","值")
方式3:设置多个
css({
"属性1":"值1",
"属性2":"值2"
});
获取元素的尺寸:
width()

height()

设置或者获取value属性
jquery对象.val():获取

jquery对象.val("...."):设置

创建一个元素: $("<标签></标签>")

文档操作:
内部插入
a.append(c):将c插入到a的内部(标签体)后面
a.prepend(c):将c插入到a的内部的前面

appendTo
prependTo
外部插入
a.after(c):将c放到a的后面
a.before(c):将c放到a的前面

a.insertAfter(c)
a.insertBefore(c)
删除
empty() 清空元素
remove() 删除元素

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
好的,关于jQuery选择jQuery提供了许多种选择,如下所示: 1. 元素选择:通过元素名称选取元素,例如`$("div")`表示选取所有的div元素。 2. ID选择:通过元素的ID属性选取元素,例如`$("#myId")`表示选取ID为myId的元素。 3. 类选择:通过元素的class属性选取元素,例如`$(".myClass")`表示选取所有class为myClass的元素。 4. 属性选择:通过元素的属性值选取元素,例如`$("[name='myName']")`表示选取所有name属性值为myName的元素。 5. 后代选择:选取某个元素的后代元素,例如`$("div p")`表示选取所有div下的p元素。 6. 子元素选择:选取某个元素的直接子元素,例如`$("ul > li")`表示选取所有ul下的直接子元素li。 7. 兄弟选择:选取某个元素的同级元素,例如`$("li + li")`表示选取所有li元素后面紧跟着的同级li元素。 关于jQuery常用方法,以下是几个比较常用方法: 1. `$(selector).html(content)`:用于设置或获取元素的html内容。 2. `$(selector).text(content)`:用于设置或获取元素的文本内容。 3. `$(selector).attr(name, value)`:用于设置或获取元素的属性值。 4. `$(selector).css(name, value)`:用于设置或获取元素的样式。 5. `$(selector).addClass(className)`:为元素添加一个或多个class。 6. `$(selector).removeClass(className)`:从元素移除一个或多个class。 7. `$(selector).toggle()`:用于在hide()和show()之间切换元素的可见性。 还有很多其他的方法,可以根据具体需求来选择使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Diligently_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值