首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
第71天:jQuery基本选择器(二)
】的更多相关文章
jQuery笔记---选择器(二)
1.选择器练习: 1)查找UL中的元素的内容 格式:$(“ul li:XX”).text() XX:代表方法 比如:获取到第一元素,然后获取当中的值 $(“ul li:first”).text() 获取最后一个元素,然后获取当中的值 $(“ul li:last”).text() 查找索引号是奇数的标签,索引号从1开始 $("ul li:odd").size(); 查找表格的索引号为偶数行个数,索引号从0开始 $("table tr:even").size(); 查找…
jQuery基础学习(二)—jQuery选择器
一.jQuery基本选择器 1.CSS选择器 在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例 标签选择器 E { CSS规则 } 以文档元素为选择符 ID选择器 #ID{ CSS规则 } 以ID为选择符 类选择器 E.className{ CSS规则 } 以文档元素的Class为选择符 群组选择器 E1,E2{ …
jQuery学习之二 jQuery选择器
一.jQuery选择器是什么1.CSS选择器2.jQuery选择器 二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制 传统js选择器假如要操作的元素不存在会报错,jq不会,避免了判断存在操作的麻烦 当需要使用jq判断某个元素在网页上是否存在时不能用 if($('#id')){ xxx }; 要使用if($('#id').length > 0){ xxx }; 或先转化成DOM再判断if($('#id')[0]){ xxx }; 三.jQu…
jQuery基本选择器模块(二)
选择器模块 1.push方法的兼容性(了解) 问题:IE8不支持aplly方法中的第二个参数是 伪数组 目标:实现 push 方法的浏览器兼容性问题 var push = [].push; try { // 判断 push 是否可用 var container = document.createElement("div"); container.innerHTML = "<p></p><p></p>"; push.ap…
jquery-5 jQuery筛选选择器
jquery-5 jQuery筛选选择器 一.总结 一句话总结:选择器加动态添加方法可以不用想方法名,这个简单方便. 1.筛选选择器有哪三种? 过滤 查找 串联 1.过滤 eq();first();last();not();slice(); 2.查找 children();find();next();nextAll();parent();prev();prevAll();siblings(); 3.串联 add();andSelf(); 2.筛选选择器中的查找有哪几种? 子代 后代 邻接 兄弟…
jQuery过滤选择器
//基本过滤器$('li:first').css('background','#ccc');//第一个元素$('li:last').css('background','red');//最后一个元素$('li:not(.red)').css('background','red');//非class为red的元素$('li:even').css('background','red');//索引为偶数的元素$('li:odd').css('background','red');//索引为奇数的元素$(…
jQuery基础之二
jQuery基础之二 jQuery的中文文档十分详细,并且权威.W3C的jQuery文档更加简单实用. jQuery 1.9.0 jQuery中文文档W3C的jQuery文档 jQuery操作DOM元素 元素本身 attr() 获得元素的某项属性,更改或添加元素的属性值 实例 var className= $("div").attr("class") 获得元素的类名 attr("property",'value1') 更改一项属性 attr(…
jQuery常用选择器总结
jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择器方式众多,我就自己平时工作之中所遇到的常见的方式做一个总结. 一,元素查找方式: $("#myElement") 选择id为myElement的元素,因为id在使用中是唯一的,所以这样的选择也是指定的不变的. $("div") 选择所有的div标签元素,返…
js jquery css 选择器总结
js jquery css 选择器总结 一.原始JS(Document 对象)选择器. id选择器:document.getElementById("test"); name选择器:document.getElementsByName("test"); 节点选择器:document.getElementsByTagName("p"); class选择器:document.getElementsByClassName("test"…
python 全栈开发,Day53(jQuery的介绍,jQuery的选择器,jQuery动画效果)
js总结 js: 1.ECMAScript5 ES5语法 2.DOM CRUD 获取 3种方式 id tag className //面向对象 对象 : 属性和方法 某个对象中 function $(id){ return document.getElementById(id) } 事件操作 3.BOM user-Agent location.pathname location.href 一.jQuery的介绍 1.为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.on…