1.介紹 2.程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa…
× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为出彩的一部分.以CSS结构伪类选择器为基础,jQuery过滤选择器增加了很多扩展功能.本文先从与CSS选择器最相近的子元素过滤选择器开始说起 通用形式 $(':nth-child(index)') $(':nth-child(index)')选择每个父元素的第index个子元素(index从1算起)…
选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了CSS的风格.利用jQuery选择器,可以非常便捷的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器. jQuery选择器可简单分为基本选择器.层次选择器.过滤选择器.表单选择器.下面通过表格进行一一介绍. 1.基本选择器 选择器 描 述 返 回 示 例 #id 匹…
$()就是jQuery中的函数,它的功能是获得()中指定的标签元素.如演示样例中$("p")会得到一组P标签元素,当中"p"表示CSS中的标签选择器.$()中的()不一定是指定元素,也可能是函数. 在jQuery中 $()方法等价于jQuery()方法,前者比較经常使用.是后者的简写.一般仅仅有在$()与其他语言冲突时才会使用jQuery()方法. 基础选择器 #id 选择器(使用身份证号来找人) jquery能使用CSS选择器来操作网页中的标签元素. 假设你想要通…
jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果. 为什么要学习jQuery? [01-让div显示与设置内容.html] 使用javascript开发过程中,有许多的缺点: 1. 查找元素的方法太少,麻烦.2. 遍历伪数组很麻烦,通常要嵌套一大堆的for循环.3. 有兼容性问题.4. 想要实现简单的动画效果,也很麻烦5. 代码冗余. jQuery初体验 [02-让div显示与设置内容.html] $(document).…
自己手写的学习笔记.常规选择器: /****************学习--高级选择器(1)****************/---高级选择器:ie7+ 层次选择器: 后代选择器     ul li a    $('ul li a')    获取追溯到的多个dom对象            ie6+=子选择器     div>p        $('div p')    只获取子类节点的多个dom对象            ie7+next选择器     div+p{}    $('div+p'…
jQuery优势 1. 强大的选择器.jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器. 2. 出色的DOM操作封装 3. 可靠的事件处理机制 4. 完善的Ajax.jQuery将所有的Ajax操作封装到一个函数$.Ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题. 5. 出色的浏览器兼容性.jQuery2.0版本以后已经不再支持IE 6/7/8…
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 完整无压缩版本,主要…
dom元素和jquery元素的区别 dom元素支持dom元素自带的属性和方法,jquery元素支持jquery元素自带的属性和方法 dom                  var div = document.getElementById('a'); jquery                 var $div = $('#a'); dom转jquery        var $a = $(div); jquery转dom         var a = $div[0] 或者var a =…
今天给大家分享一款基于jQuery带备忘录功能的日期选择器.这款日期控制带有备记忘录功能.有备忘录的日期有一个圆圈,单击圆圈显示备忘录.该实例适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <header class="htmleaf-header">…