在jquery库中,可以通过选择器实现DOM元素快捷选择这一重要的核心功能。 1.选择器的优势 (1)代码更简单 由于在jquery库中,封装了大量可以通过选择器直接调用的方法或函数,使编写代码更加简单轻松,简单几行代码就可以实现较为复杂的功能。 (2)完善的检测机制 在传统的javascript代 ...
分类:
Web程序 时间:
2016-11-27 11:50:41
阅读次数:
285
根据所获取页面中元素的不同,可以将jQuery选择器分为4大类:基本选择器、层次选择器、过滤选择器、表单选择器。 其中,过滤选择器有可以分为6种:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器器、子元素过滤选择器、表单对象属性过滤选择器。 1、基本选择器 #id、* 、.class ...
分类:
Web程序 时间:
2016-11-26 22:57:11
阅读次数:
194
1.closest()方法 closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。返回包含零个或一个元素的 jQuery 对象 2.prepend方法和appendTo方法-内部插入 prepend()函数用于向每个匹配元素内部的起始位置追加指定的内容。 3.af ...
分类:
Web程序 时间:
2016-11-26 18:04:15
阅读次数:
228
0、CSS概念层叠样式表(Cascading Style Sheets),CSS的来历就不必多说了。可以简单的理解为万维网联盟(w3c)为了丰富HTML页面的布局和外观而指定的一种标准。 1、CSS实例:CSS规则主要由选择器和至少一条声明组成:/*注释格式*/p{color:red;?text-a ...
分类:
Web程序 时间:
2016-11-26 03:25:20
阅读次数:
244
1 . 样式表 Cascading Style Sheet css优势: 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使网页布局更加灵活 减少网页代码量,增加网页的浏览速度,节省网络带宽 使用独立于网页的CSS,有利于网页被搜索引擎收录 嵌入ID>外部ID>嵌入class>外部class> ...
分类:
Web程序 时间:
2016-11-25 23:21:39
阅读次数:
290
一:认识jQuery 1.window.onload与$(document).ready()的对比 2.jQuery代码风格(1:链式代码风格2:位代码添加注释) 3.jQuery对象和DOM对象(1.DOM对象和jQuery对象简介2.DOM对象和jQuery对象互相转换) 二:jQuery选择器 ...
分类:
Web程序 时间:
2016-11-25 20:53:44
阅读次数:
151
效果演示: 实现代码: 运行效果: 伪元素 实现代码: Js控制响应式: 运行效果: ...
分类:
Web程序 时间:
2016-11-25 17:24:12
阅读次数:
192
一、基本选择器: ID选择器:$("#id名称") 例如:$("#div1").css("width","100px"); CLASS选择器:$(".id名称") 并列$("#id名称,#id名称") 后代$("#id名称 名称")二.过滤选择器 第一个:$(".id名称:first") 最后一个: ...
分类:
Web程序 时间:
2016-11-25 11:42:48
阅读次数:
276
类选择器,顾名思义,通过class样式类名来获取节点。 描述: 类选择器,相对于id选择器来说,效率相对会低一些,但是优势就是可以多选。 同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用javascript的原生getElementsByClassName()函数来实现。 ...
分类:
Web程序 时间:
2016-11-25 01:00:37
阅读次数:
181
元素选择器:根据给定(html)标记名称选择所有的元素。 描述: 搜索指定元素标签名的所有节点,这是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持。 第一组:通过getElementsByTagName方法得到页面所有的<div>元素 divs是DOM合集对象 ...
分类:
Web程序 时间:
2016-11-25 00:59:19
阅读次数:
116