设为首页收藏本站SEO博客大全SEO百科SEO服务SEO学习官方公告 开启辅助访问
 找回密码
 立即注册

QQ登录

只需一步,快速开始

jquery选择器详解

查看: 1513| 评论: 1| 发布者: Chris

放大 缩小
简介:jQuery是一个轻量级的js库选择器基本选择器 元素选择器:$(“标签名”)类选择器:$(“.class”)id选择器:$(“#id”)选择器组:$(“#d1,.importent”)添加一个+按钮,使段落的字体放大层次选择器 在select1元素下, ...
jQuery是一个轻量级的js库

选择器

基本选择器

元素选择器:$(“标签名”)

类选择器:$(“.class”)

id选择器:$(“#id”)

选择器组:$(“#d1,.importent”)

添加一个+按钮,使段落的字体放大

jquery选择器详解

层次选择器

在select1元素下,选中所有满足select2的子孙元素:$(“select1 select2”)

在select1元素下,选中所有满足select2的子元素:$(“select1>select2”)

选中select1元素的,满足select2的下一个弟弟:$(“select1+select2”)

选中select1元素的,满足select2的所有弟弟:$(“select1~select2”)

过滤选择器

第一个元素 ——:first

最后一个元素——:last

把selector排除在外——:not(selector)

下标等于index的元素——:eq(index)

匹配包含给定文本的元素——:contains(text)

匹配属性等于value的元素——:[atribute=value]

匹配选中的checkbox——:checked

匹配选中的option——:selected

表单选择器

操作DOM

读写节点

读写HTML内容:obj.html()/obj.html("<p>123</p>")

读写文本内容:obj.text()/obj.text(“123”)

读写节点的value属性值:obj.val()/obj.val(“abc”)

读写节点的属性值:obj.attr()/obj.val(“属性名”,”属性值”)

增删节点

创建节点:$(“节点内容”)

插入节点:parent.append(obj)作为最后一个子节点添加;brother.after(obj)作为下一个兄弟节点添加

删除节点:obj.remove()

清空节点:obj.empty()

样式操作

addClass(“”):追加样式

removeClass(“”):移除指定样式

css(“”,”“):设置多个样式

DOM与jQuery

jQuery转DOM

var $v =$("#v") ; //jQuery对象

var v1=$v[0]; //DOM对象

var v2=$v.get(0); //DOM对象

DOM转jQuery

var v=document.getElementById("v"); //DOM对象

var $v=$(v); //jQuery对象

本文仅代表作者个人观点,不代表SEO研究协会网官方发声,对观点有疑义请先联系作者本人进行修改,若内容非法请联系平台管理员。更多相关资讯,请到SEO研究协会网www.seoxiehui.cn学习互联网营销技术请到巨推学院www.jutuiedu.com。

惊呆

大哭

感动

晕倒

口水
已有 1 人参与

会员评论

  • 小鬼彪彪 2018-5-17 07:27 引用
    可以的,基础的东西是要整理一下,稍微记记,不然用的时候,每次都要查一次

文章排行

TOP ARTICLES

返回顶部