JQ基本选择器

JQ选择器采用CSS和Xpath选择器语法规范,满足用户在DOM中快速匹配元素或元素集合。

1、JQ支持CSS1、CSS2、CSS3、不同版本的所有选择器,而早期的很多浏览器并没有完全支持CSS3版本的选择器。

2、JQ支持不同的主流浏览器,因此使用JQ选择文档的时候就不用考虑浏览器的兼容问题了。

JQ基本选择器包含的有:

1、id选择器(#id)。

2、类型选择器(element)。

3、类选择器(.class)。

4、通配选择器(*)。

5、分组选择器(selector1、selector2、selector3)。

JavaScript原生id选择器(#id):var x=document.getEementById("id名称");

JQ中id选择器:$:("#id名称");

JavaScript原生类型选择器(element):var x=document.getEementsByTagName("标签名称");

JQ中id选择器:$:("标签名称");

JavaScript原生类选择器(.class):var x=document.getEementsByClassName("标签名称");

JQ中id选择器:$:(".类名称");

JavaScript原生通配选择器(*):var x=document.getEementsByTagName(" * ");

JQ中通配选择器(*):$:(" * ");

JQ中分组选择器(selector1、selector2、selector3):$:(" selector1,selector2,selector3,...selectorN");

原文地址:https://www.cnblogs.com/nie5135257/p/9128861.html

时间: 2024-11-05 23:46:58

JQ基本选择器的相关文章

js,jq,css选择器

js获取节点: var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.lastChile; //获得s的最后一个子节点 css选择器: 基础选择器 * 通用元素选择器,匹配页面任

jq中选择器的选择问题

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ height: 100px; width: 200px; background-color: coral; margin: 10px;} </style> <script s

jq 筛选选择器,方法,隐式迭代 元素显示隐藏 淡入淡出 上拉下拉 动画 类名操作以及样式

jQuery 地址:https://jquery.com/ 历史版本:http://code.jquery.com/ 1.x:兼容 IE678 低版本浏览器 2.x:不兼容 IE678 低版本浏览器 3.x:不兼容 IE678 低版本浏览器,官方主要维护版本 入口函数 // 一下两种入口函数 相当于原生中的 DOMContentLoaded $(function () { /* DOM加载完成的入口*/ }) $(document).ready(function(){ /* DOM加载完成的入口

jQ常用选择器

#id:    $('#div'); //查找id='div'; .class: $('.myclass'); //查找class='myclass';? element:用于搜索的元素,指向DOM节点的标签名:   $('div'); //?查找div元素 selector: 用于获取多个元素标签 : $('div,p,span');//查找元素div span p :nth-child(n):获取后代第n个标签:? $('#wrap  :nth-child(2)');//获取#wrap下的第

jQ not()选择器

jQ层级选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body></html> <h1>沁园春·雪</h1> <h2>毛***</h2> <div> <span> <div

jq中选择器的效率问题

$('.class')  $('div .class')  $('div.class') 三个的执行效率 $('.class')>$('div .class')>$('div.class') 原因: $('.class')相当于调用了原生js里面的doucmen.getElementsByClassName()方法,在低版本的ie中会比较慢,但是在高版本浏览器中的速度是很快的 $('div .class') 这个相当于是转换成了 $('div').find('.class') $('div.c

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法 一丶什么是JQuery JQuery: ???????JQuery是js的一个库,高度封装了js常用的功能,提供简便方法,调用简单,提高开发效率 ??????js库是包含了把复杂的功能封装到简单的方法中 JQuery的两大特性: ???????链式编程:可以.的形式实现多个功能 ?

实现一个类似jquery选择器的小轮子(一)

 最近在做移动端的项目,主管说不用jq,尽量用轻量级的类库.但是自己对jq的选择器又比较依靠,因此尝试着在两晚的时间里自己做一个选择器出来,功能当然也是尽量像jq靠拢. 先大致的整理下自己的思路: 每一次遍历dom元素,每一次遍历到的元素便是下一次遍历到的元素的父级. <div class="firstPapas"><!--第一个父级--> <li class="secondsPapa"><!--第二个父级--> &l