`
lucene3212
  • 浏览: 138113 次
  • 性别: Icon_minigender_2
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

jquery几个基础概念

    博客分类:
  • java
阅读更多
    1、<span style="color: #ff0000;">[b]工厂函数$()</span>[/b]
     作用:消除使用for循环访问一组元素的需求,因为放到圆括号中的任何元素都将自动执行循环遍历,并且会被保存到一个
               jquery对象中。 在$()函数的圆括号中使用的参数几乎没有什么限制。
      eg:
               $('p')会取得文档中所有的段落。
         id:$('#some-id')会取得文档中具有对应的some-id id的一个元素。
         类:$('.some-class')会取得文档中带有some-class类的所有元素。
 
2、<span style="color: #ff0000;">css选择符</span>
     作用:使得开发者在增强自己的网站时,不必为哪种浏览器(特别是ie 6及更低版本)可能会不理解高级的选择符而担
              心,只要该浏览器启用了javascript就没有问题。
 
3、<span style="color: #ff0000;">$(document).ready()</span>结构时,位于其中的所有代码都会在dom加载后立即执行。
 
4、<span style="color: #ff0000;">[b]xpath选择符</span>[/b]
      作用:是在xml文档中识别不同元素或者元素值的一种语言,与css在html文档中识别元素的方式类似。
      eg:
     1)、在涉及属性选择符时,jquery使用了xpath中的惯例来标识属性,即将属性前置一个@符号并放在一对方括号中。
          也就是说,jquery没有采用css中不够灵活的属性选择符语法。
         例如,要选择所有带title属性的链接,可以使用下面的代码:
                    $("a[@title])")
     2)、方括号在xpath语法中还有一种用途,即在不带前置@符号的情况下,可以用来指定包含在另一个元素中的元素。
            例如,我们可以通过下面的选择符表达式,取得包含一个ol元素的所有div元素 :
                    $("div[ol]")
 
5、<span style="color: #ff0000;">自定义选择符</span>
      自定义选择符的语法与css中的伪类选择符语法相同,即选择符以一个冒号(:)开头。
      eg1:我们想要从匹配的带有horizontal类的div集合中,选择第2个项,那么应该使用下面的代码:
                    $("div.horizontal:eq[1]")
      eg2:jquery库中的两个十分有用的自定义选择符是:odd和:even。如何通过这两个选择符为表格添加基本的条纹样
             式,针对下面的html表格:
 
<table>		<tr>			<td>	hello		</td>			<td>	this is json		</td>		</tr>		<tr>			<td>	hi		</td>			<td>	my name is tank		</td>		</tr>		<tr>			<td>	nice to meet you		</td>			<td>	too		</td>		</tr>	</table>
      css样式表:
 
.odd{	background-color:#ffc;/*奇数行的背景颜色为黄色*/	}.even{	background-color:#cef;/*偶数行的背景颜色为绿色*/	}
 jquery代码:
    $(document).ready(function(){
       $("tr:odd").addclass("odd");
       $("tr:even").addclass("even");
     })
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
8
分享到:
评论

相关推荐

    Jquery几个实例源码

    在本资源中,"Jquery几个实例源码"包含了几个基于jQuery库的简单项目实例,这些实例可以帮助初学者更好地理解jQuery的基本用法和常见功能。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画...

    常用的几个jquery版本文件

    综上所述,这个压缩包提供的jQuery版本文件涵盖了多个常用版本,能满足不同项目的需求。在选择版本时,需要根据目标用户的浏览器类型和项目的技术需求来决定。使用jQuery,不仅可以提升开发效率,还能确保代码的...

    JQuery的几个精典应用实

    在本文中,我们将深入探讨JQuery的几个经典应用实例,特别是在创建插件和实现高效交互方面。 首先,我们要理解JQuery的核心概念。JQuery通过选择器(Selectors)来定位HTML元素,然后使用方法(Methods)来操作这些...

    概念性jQuery内容编辑器.zip

    首先,我们要理解jQuery的基本概念。jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过使用jQuery,开发者可以更轻松地实现复杂的网页效果和交互功能。 在这款概念...

    "jQuery基础教程"电子书--code

    在jQuery中,基础概念主要包括以下几个方面: 1. **选择器**:jQuery的选择器类似于CSS,用于选取HTML元素。例如,`$("#id")`选择ID为"id"的元素,`$(".class")`选择所有class为"class"的元素,`$("tag")`则选择...

    Beginning jQuery:From the Basics of jQuery to Writing your Own Plug-ins

    这本书旨在帮助读者从零基础开始,逐步掌握jQuery的核心概念,并进阶到能够独立编写自己的jQuery插件。在深入探讨这个强大的JavaScript库的过程中,作者不仅提供了理论知识,还附带了丰富的源代码示例,使得学习过程...

    jQuery in Action html版

    本书将围绕以下几个主要知识点展开: 1. **jQuery基础**:讲解如何引入jQuery库,理解$(document).ready()函数,以及如何选择和操作DOM元素,如使用CSS选择器、链式调用和元素操作方法。 2. **事件处理**:介绍...

    jquery 图片幻灯片播放多个组件

    实现这些组件通常包括以下几个步骤: 1. **HTML 结构**:创建基本的 HTML 结构,包含幻灯片的容器和每张图片的标记。 2. **CSS 样式**:设置必要的 CSS 样式,确保图片适应屏幕大小,同时设置过渡效果和定位。 3....

    jquery入门基础知识

    文档提到的几个要点有助于理解 jQuery 的设计理念: 1. **理解 jQuery 设计**:在使用 jQuery 后,开发者将不再直接操作 DOM 对象,而是通过操作 jQuery 对象间接改变 DOM 结构。这种方式大大简化了开发流程。 2. *...

    电子书 15天学会Jquery

    在15天的学习旅程中,你将从以下几个方面深入了解jQuery: 1. **jQuery基础知识**:首先,你会了解jQuery的基本用法,包括如何引入jQuery库,以及使用$(document).ready()方法确保代码在页面加载完毕后执行。此外,...

    JQUERY的DW插件

    首先,我们要理解jQuery的基本概念。jQuery是由John Resig在2006年创建的,它的核心理念是"Write Less, Do More"。通过提供简洁的API,jQuery使得复杂的DOM操作变得简单,比如选择元素、添加样式、响应事件、制作...

    一个不错的jquery特效项目

    首先,让我们了解jQuery的基本概念。jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。其核心特性包括选择器(用于高效地找到HTML元素)、链式调用(使代码更紧凑)、和方法...

    jquery手风琴效果

    首先,我们需要了解jQuery的基本概念。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。其简洁的API使得开发者能够快速地编写出动态和交互性强的网页应用。 实现...

    jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器

    使用jQuery通常包括以下几个步骤: 1. 引入jQuery库:在HTML文件中通过`&lt;script&gt;`标签引入jQuery库,如`&lt;script src="https://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;`。 2. 包裹函数:为了避免与其他库...

    jQuery EasyUI版API

    1. **基本概念**:jQuery EasyUI是建立在jQuery库之上的,所以首先要熟悉jQuery的基本操作,如选择器、事件处理、DOM操作等。同时,EasyUI将一些常见的用户界面元素(如表格、对话框、菜单等)封装成了易于使用的...

    《jquery.基础教程》flash

    本教程可能涵盖了以下几个关键知识点: 1. **jQuery选择器**:jQuery的选择器是其强大功能之一,它们允许开发者根据元素ID、类名、属性等快速选取DOM元素。例如,`$("#myID")` 选取ID为"myID"的元素,`$(".myClass...

    jquery盒子菜单导航

    首先,我们要理解jQuery的基本概念。jQuery是由John Resig创建的一个JavaScript库,它的主要目标是使JavaScript编程变得更加简单。jQuery通过封装JavaScript的一些复杂功能,如DOM操作、事件处理、动画效果以及Ajax...

    jQuery权威指南-源代码

    与国内目前已经出版的同类书相比较,本书具有以下几个独有的特点: 基于jQuery的最新版本撰写,完美地展现了jQuery最新版本的功能和特性。 内容全面、丰富、翔实,不仅由浅入深地讲解了jQuery的所有必备基础知识...

    jquery1.8.0 chm 中文手册

    手册内容主要包括以下几个方面: 1. **基础概念**:介绍jQuery的核心概念,如选择器(Selector)——用于选取HTML元素的方法,以及DOM遍历(Traversal)——如何在页面结构中导航。 2. **API详解**:详尽地阐述了...

    Jquery相册图片滚动

    在“Jquery相册图片滚动”中,主要涉及以下几个jQuery知识点: 1. **选择器**:jQuery提供了丰富的选择器,如ID选择器("#id")、类选择器(".class")、属性选择器("[attr=value]")等,可以方便地定位到HTML中的特定...

Global site tag (gtag.js) - Google Analytics