`
lucene3212
  • 浏览: 133160 次
  • 性别: 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基础教程(第四版)

    在掌握了这个库的基本概念之后,接下来就可以探索如何根据需要来扩展这个库了。 第7章介绍如何查找、安装和使用插件,包括强大的jQuery UI和jQuery Mobile插件库。 第8章讨论如何利用jQuery强大的扩展能力,从头开发...

    jQuery基础教程(10) 最后一个包

    介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的基础上,提出了常见的客户端实际问题并给出了其...

    JQuery基础教程(中文高清版)电子书_part2

    【内容简介】 本书以通俗易懂的方式介绍了jQuery的基本概念,主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容,最后几章以实例操作为主,在前面内容的基础上,...

    jQuery权威指南366页完整版pdf和源码打包

    6.2.3 serialize()序列化表单 6.3 $.ajax()方法 6.3.1 $.ajax()的基本概念 6.3.2 $.ajaxsetup()设置全局ajax 6.4 ajax中的全局事件 6.4.1 ajax全局事件的基本概念 6.4.2 ajaxstart与ajaxstop...

    jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析

    近期看了一些网上关于Sizzle的分析文章,就匹配次序往往就说使用了从右到左的逆向匹配法,但是具体如何并没有详细介绍,或者就像我之前的几篇文章一样,就代码一行一行做详细介绍,但缺乏整体概念,这里就jQuery-...

    RSS新闻聚合型网站的数据分析系统

    Internet的迅猛发展带来了一次又一次的技术革命,而这场...从数据分析这一基础概念谈起,分析了它的基本概念、分析步骤、过程实施等几个方面,然后围绕这一核心概念,将数据分析系统的组成、特征、分类进行了深入的剖析……

    JavaScript实战

    6.4 更多的jQuery事件概念 171 6.4.1 等待HTML载入 171 6.4.2 jQuery事件 173 6.4.3 事件对象 175 6.4.4 阻止事件的常规行为 176 6.4.5 删除事件 177 6.5 高级事件管理 178 6.6 教程:一页的FAQ 180 6.6.1 任务概览 ...

    cqut-front-end-web-book:重庆理工大学软件工程创新实验室网站前端开发案例教程书籍原始码

    重庆理工大学软件工程网站初步案例教程本书有一下几个特色:案例...项目真切,衔接始终本书有一个衔接了HTML,CSS,JavaScript,JQuery的一个综合案例,是,读者在学习这些基本概念后可以尝试着编写一些管理学院首页

    java面试宝典

    73、线程的基本概念、线程的基本状态以及状态之间的关系 18 74、sleep() 和 wait() 有什么区别? 18 75、socket通信(tcp/udp区别及JAVA的实现方式) 18 76、什么是java序列化,如何实现java序列化? 18 77、简述...

    千方百计笔试题大全

    73、线程的基本概念、线程的基本状态以及状态之间的关系 18 74、sleep() 和 wait() 有什么区别? 18 75、socket通信(tcp/udp区别及JAVA的实现方式) 18 76、什么是java序列化,如何实现java序列化? 18 77、简述...

    Java面试宝典2020修订版V1.0.1.doc

    4、线程的基本概念 57 5、什么是多线程 57 6、程序、进程、线程之间的关系 57 7、创建线程有几种方式,分别是什么? 58 8、线程的生命周期 59 9、线程currentThread()与interrupt()方法的使用 59 10、线程状态 59 ...

    Xiuno BBS 高负载安全论坛 v2.1.0 Build20130925.zip

    正式版在以下几个方面做了改进: 一级版块分类 多维主题分类 随着帖子的增多,需要归类,现有的多级版块系统存在的弊端: 1. 入口多让用户不知如何选择。 2. 人气的分散,各个板块间的用户很难互动。 3. 斑竹的...

    WYSIWYG Web Builder v10.4.x Keygen

    用户只需要点击几下鼠标就能制作出相当美观的网页来,它几乎集成了 PhotoShop、FireWork 等网页图像特效处理工具的所有功能,最新版本支持 Html 5、jQuery插件等等。用户根本不需要学习 HTML 语言,即使是零基础的人...

    谷歌师兄的leetcode刷题笔记-Doodleman:适用于您的浏览器的简笔图动作平台游戏!

    只需玩几个测试级别和概念。 两种模式的多人游戏 (2)。 你可以在生存模式中获得额外帮助,或者在沙盒中互相战斗。 全屏模式! 虽然纵横比永远不会改变。 键盘/游戏手柄/触摸支持 根据使用的输入自动切换。 可以重新...

    SignalR 2.0 and MVC 5即时通讯完整版示例

    所述发送方法演示几个集线器概念: 在集线器上声明公用方法,以便客户端可以调用它们。 使用Microsoft.AspNet.SignalR.Hub.Clients属性访问连接到此集线器的所有客户端。 调用客户端上的函数(如...

    详解JavaScript模块化开发

    前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前端开发得到重视,也使得前端项目越来越...

    java面试题

    51.1. 线程的基本概念 23 51.2. Java中的线程有四种状态 23 51.3. 多线程有几种实现方法,都是什么?同步有几种实现方法,都是什么? 24 51.4. 线程同步的方法。 24 51.5. java中有几种方法可以实现一个线程?用什么...

    asoft签到管理系统tykq3.5_build20110125

    例如,请假4小时以内,只需要主管基本审批即可,8小时以内,需要部门审批院审批。 3、签到、请假查询、导出代码更替,现在可以不用开启JAVASCRIPT功能来进行页面导出了。 4、原绑定用户功能写数据库时增加对轮班...

Global site tag (gtag.js) - Google Analytics