JQuery选择器以及对象

简介: JQ的讲解

位置选择器
选择到第一个标签$("选择器:first") 例:$(".div:first")

找到最后一个div$("选择器:last") 例:$(".div:last")
选择索引值为偶数的标签,从 0 开始计数$("选择器:even") 例:$(".div:even")
选择索引值为奇数的元素,从 0 开始计数$("选择器:odd") 例:$(".div:odd")
选择单个索引值$("选择器:eq(索引值)") 例:$(".test:eq(2)")
选择大于指定索引值的所有标签$("选择器:gt(索引值)") 例:$(".test:gt(3)")
选择小于指定索引值的所有标签$("选择器:lt(索引值)") 例:$(".test:lt(3)")

后代选择器:$("选择器 选择器中的标签")例:$("#test li")

子代选择器:$("选择器>选择器中的标签") 例:$("#test>li")

并集选择器 $(“标签,标签,标签”) 例:$(“div,p,li”)

交集选择器 $(“标签/选择器”) 例:$(“div.redClass”)

:selected 过滤选择器 从表单中找到选择的元素,

例:$("#city>option:selected").appendTo($("#tar"));

jQuery对象

利用jQuery选择器获取到的对象 $(dom对象)

特点:只能调用jQuery的方法或属性,不能调用原生dom对象的属性或方法

jQuery对象一般在变量名前加一个$符便于区分 例: var $div = $('#test

jQuery对象是一个伪数组,他有索引有length1')

jQuery对象其实就是dom对象的一个包装集

dom对象转化为jQuery对象

例:var div1 = document.getElementById("one");

var $div1 = $(div1);

jQuery对象转化为dom对象

方法一:使用下标取出来,

例:var $divs = $('div');

var div1 = $divs[0];

方法二:使用jQuery的方法 get();

例:var div2 = $divs.get(1);

相关文章
|
7月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
75 2
|
8月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
72 5
|
11月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
69 0
|
7月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$("p") 选取所有段落元素,而 $("button").click(function(){ $("p").hide(); }) 实现点击按钮后隐藏所有段落。
|
8月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
8月前
|
JavaScript
jQuery 选择器
jQuery 选择器
48 3
|
8月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
62 1
|
9月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
60 1
|
11月前
|
JavaScript 前端开发 API
jQuery对象与DOM对象简介及相互转换
jQuery对象与DOM对象简介及相互转换
107 0
|
JavaScript 前端开发 开发者
jQuery文档对象模型DOM的实际应用
jQuery文档对象模型DOM的实际应用
73 0