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下的第…

CSS常用选择器

关于CSS常用选择器: 1.ID选择器关于ID选择器具有唯一性,在文档流中,ID是唯一的,在低版本的浏览器中,允许出现不适唯一ID的情况,而在高版本的浏览器中,出现ID不唯一的情况浏览器会出现的报错的. 例如:<h1 id="warning">Meerkat <em>Central</em></h1> #warning{color:red} 进行CSS样式的设置 2.类选择器对文档元素的class属性命名不具有唯一性,也就是说不用…

jq常用事件（on,blur,focus,change）,js/jq等待图片(页面)加载完毕事件,js读取文件

jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on( "click",function(ev) { ev.data.aaa // 跟js事件对象一样 }) // 方法二 $(".box").click( function(){} ) // 右键事件,取消系统默认事件 $('.sup').on('contextmenu'…

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…

JQuery的常用选择器转

JQuery的常用选择器刚开始学JQuery写的如有错误欢迎批评指正 JQuery拥有的选择器可以让我们更快更方便找到想要的元素,然后对相应的元素进行操作简单介绍一下一些常用的选择器: 1.基本选择器: 标签名选择器: $("div") 匹配所有的div id选择器: $("#id") 匹配id="id"的元素类选择器: $(".class") 匹配所有class="class"的元素分组选择…

jQuery常用选择器总结

jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择器方式众多,我就自己平时工作之中所遇到的常见的方式做一个总结. 一,元素查找方式: $("#myElement") 选择id为myElement的元素,因为id在使用中是唯一的,所以这样的选择也是指定的不变的. $("div") 选择所有的div标签元素,返…

01-css的引入方式和常用选择器

一.css介绍现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的角度负责页面样式. JS:JavaScript .从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本是css3,我们目前学习的是css2.1 接下来我们要讲一下为什么要使用CSS. HT…

CSS选择器详解（一）常用选择器

目录类型选择器类选择器 ID选择器伪类伪元素类型选择器通过类型选择器可以选择某一类型的html标签,并对其使用样式. 语法: selector {property1: value; property2:value; ...} 示例: <html> <head> <style type="text/css"> h1 { color:Red; font-size:30px;} </style> </head> <…

js和jQuery常用选择器

笔者觉得js是前台基础中的基础,而其选择器则是js基础中的基础,因长期使用框架导致js生疏,所有查资料,回顾一下js的常用选择器: 1.document.getElementById("id"):根据元素的id获取其节点: 2.document.getElementByName("name"):根据元素的name获取其节点: 3.document.getElementsByTagName("test");获取文档中class为test的元素的节点…

HTML&CSS基础-常用选择器

jquery 常用选择器和方法以及遍历（超详细）

jQuery 常用选择器和和方法学习总结一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍二.jQuery 对象 1. jQuery 和 DOM 的区别 2. jQuery 对象与 DOM 对象之间转换 3. 自执行函数(三种) 三.jQuery 对象常用方法 1. 常用方法 2. jQuery 常用 DOM 节点操作方法(添加.删除.复制节点) 3. jQuery 元素属性操作的方法 3.1 操作 class 属性 3.2 操作…

JQuery（一）---- JQ的选择器，属性，节点，样式，函数等操作详解

JQuery的基本概念 JQuery是一个javascript库,JQuery凭借着简洁的语法和跨平台的兼容性,极大的简化了js操作DOM.处理事件.执行动画等操作.JQuery强调的理念是:'write less, do more'(写的少,做的多). 1.JQuery的版本版本兼容范围 1.x版本能够兼容IE678浏览器 2.x版本不兼容IE678浏览器 3.x版本不兼容IE678浏览器,更加的简洁名称大小说明 jquery.js(开发版) 约229KB 完整无压缩版本,主要…

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选择器: 基础选择器 * 通用元素选择器,匹配页面任…

jquery常用选择器和常用方法

基本选择器 $(”#myDiv”) //匹配唯一的具有此id值的元素 $(”div”) //匹配指定名称的所有元素 $(”.myClass”) //匹配具有此class样式值的所有元素 $(”*”) //匹配所有元素 $(this) //匹配自身 $(”div,span,p.myClass”) //联合所有匹配的选择器层叠选择器 $(”form input”) //后代选择器,选择ancestor的所有子孙节点 $(”#main > *”) //子选择器,选择parent的所有子节点 $(”la…

CSS3常用选择器（一）

在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素.比如最常用到的#id,.class,标签选择器. 随着CSS3到来,增加了很多新型选择器,这里就常用的做一个总结. 1.属性选择器. 在css3中,追加了三个属性选择器,分别为[attribute*=value],[attribute^=value],[attribute$=value],使选择器有了通配符的概念.这三个选择器分别是包含,首字符,结束字符. 举个栗子: a[src*="abc"]表示选择其 src 属性中包含…

jquery常用选择器

1.数字性过滤 $("tr:first") //选择所有tr元素的第一个 $("tr:last") //选择所有tr元素的最后一个 $("td:parent") //选择所有的以td为父节点的元素数组 $("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nt…

CSS3里的常用选择器总结

选择器属性选择器: img[src="images/2.jpg"] 开头匹配: a[href ^="page/"] 若 a 的 href 属性的属性值以 page/ 开头, 就匹配这个 a 标签. 结尾匹配: a[href $="2.html"] 若 a 的 href 属性的属性值以 2.html 结尾, 就匹配这个 a 标签. …

jquery常用选择器（转）

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行…

JS/jQ常用宽高及应用

关于js的宽高,随便一搜就是一大堆.这个一大堆对我来说可不是什么好事,看的头都大了.所以今天就总结了一些比较会常用的,并说明一下应用场景. 先来扯一下documentElement和body的微妙关系: documentElement===html ----->> documentElement.childNode[2]===body [很明显,父子关系呗] 如果<! doctype html>中没声明html,则拿不到documentElement这个值,但此时body…

css常用选择器选择器

tap选择器 ulclass选择器 .id选择器 #后代选择器 a b子代选择器 a>b兄弟选择器 a + b 以a为参考给b加样式属性选择器 input [type="text"] css3新增选择器:not 不包含某项如 :not(:last-child):nth-child 第几项只考虑自己的子集 :nth-child(odd)/:nth-child(2n-1)代表奇数行:nth-child(even)/:nth-child(2n)代表偶数数行:nth-last-chi…

jQ not()选择器与 css3 :not( selector )选择器

1.jQ not() 2.css3 not w3c在线演示地址 http://www.w3school.com.cn/tiy/t.asp?f=css_sel_not 总结: 注意两者还是有区别的 1.css3里面not()选择器不能同时写两个类: 2.而在jQ not()里面可以同时写…

CSS常用选择器的认识

---恢复内容开始--- 前言:在CSS中选择器的种类有很多很多,但是在实际的工作中,我们经常会用到的分为两大类:基础选择器和复合选择器这两个大类,学习选择器的目的就是为了在复杂的页面中能够快速定位到你需要添加的层叠样式,好了,下面我们开始进入选择器的学习吧. (一)基础选择器 1.标签选择器(元素选择器) 什么是标签选择器:是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式. 作用:标签选择器可以把某一类标签全部选择出来比如所有的div标签和所有的…

JQuery的常用选择器

刚开始学JQuery写的如有错误欢迎批评指正 JQuery拥有的选择器可以让我们更快更方便找到想要的元素,然后对相应的元素进行操作简单介绍一下一些常用的选择器: 1.基本选择器: 标签名选择器: $("div") 匹配所有的div id选择器: $("#id") 匹配id="id"的元素类选择器: $(".class") 匹配所有class="class"的元素分组选择器: $("#i…

jq 便捷api jq 常用 api jq 快捷 api

jq 选择器 1.相对值用法 width("+=250px") $("input").width("+=250px"); 2.使用函数来设置 CSS 属性: $(selector).css(name,function(index,value)) $("div").css("width", function(index, value) {return parseFloat(value) *(index…

CSS3常用选择器

一.基本选择器子元素选择器概念:子元素选择器只能选择某元素的子元素语法格式:父元素 > 子元素 (Father > Children)兼容性:IE8+.FireFox.Chrome.Safari.Opera 相邻兄弟元素选择器概念:相邻兄弟选择器可以选择紧接在另一元素后的元素,而且他们具有一个相同的父元素语法格式:元素 + 兄弟相邻元素 (Eelement + Sibling)兼容性:IE8+.FireFox.Chrome.Safari.Opera 通用兄弟选择器概念:选择某元素后面的…

jquery 常用选择器基础语法学习

siblings方法的常用应用场景:选中高亮实现代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>一步实现多个同级div,只改变点击的当前div样式</title> </head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.…

jq初始,选择器,事件,内容操作,样式操作

jq操作页面文档http://jquery.cuishifeng.cn/ jq初始 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jq初始</title> </head> <body> <h1>jQuery就是js的工具库 - 一系列功能的集合体</h1> <h2>jq内部语法采用的…

jq序选择器

1.库和框架库:小而精直接操作DOM css() jquerry封装js的那些操作: 事件,属性, ajax(交互的技术),DOM,选择器框架:大而全事件,DOM,属性操作,ajax,"模板引擎" 2.jquerry 的入口函数: //等待文加载后使用 $(function{}); $(window).ready(function(){}); 3.DOM事件三步走 (1)事件源主要还是学习选择器 css大部分选择器都可以使用 $('div'); 获取出来的是jquery对象…

【WEB前端】CSS常用选择器

1.1 标签选择器就是用标签名来当做选择器. 1) 所有标签都能够当做选择器,比如body.h1.dl.ul.span等等 2) 不管这个标签藏的多深,都能够被选择上. 3) 选择的是所有的,而不是某一个.所以是共性,而不是特性. 比如网易,希望页面上所有的超级链接都没有下划线: 1 a{ 2 /*去掉下划线:*/ 3 text-decoration: none; 4 } 1.2 id选择器 #表示选择id 1 #lj1{ 2 font-size: 60px; 3 font-weight: b…

CSS3常用选择器（三）

在CSS3的选择器中,除了结构性伪类选择器外,还有一种UI元素状态伪类选择器.这些选择器的共同特征: 指定的样式只有当元素处于某种状态时才起作用,在默认状态下不起作用. 1.hover.focus.active 和 checked <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css3选择器</title> <style type=&q…

【jQ常用选择器】的更多相关文章