jQuery学习笔记(一)基本语法内容

原创 2013年12月04日 16:46:00

在W3CSCHOOL上学习jQuery,以下内容算是我把W3CSCHOOL上的内容用自己的话翻译了一遍吧,方便自己以后复习。

总的来说,jquery是一个jsp库。想要使用jquery库,只要把下载下来的jquery库包含在网页文件中就可以用了。因为jquery库是一个包含了所有jquery函数的jsp文件。



【是什么】

1. jQuery是JSP的一个库。

2. jQuery可以:对HTML元素进行选取/操作;定义HTML事件函数;添加JSP特效;通过HTML DOM进行遍历;AJAX


【配置】

很简单:只要从jquery网站上下载jquery库,包含到网页文件中   即可使用。

jquery库是一个JSP文件,包含了所有的jquery函数。

也可以使用Google或Microsoft的CDN(即加个外链)。优点是在别人访问你的页面时,CDN可能在客户端缓存内已留下内容,因此加载速度会加快。


【语法概览】

首先来看一段W3CSCHOOL上作为例子的经典jquery代码(说出高亮部分的含义就会明白其基本语法啦):



因为jquery都是写在<head>标签里的,如果想把jquery函数放到别的文件里,可以这样做:




=====================================================================================================

【HTML元素的选取和操作】

最基本的语法:

$(selector).action()

定义jQuery  要查询/查找的HTML元素  要对元素执行的操作

例如,对元素进行隐藏:

  • $(this). hide()//隐藏当前元素
  • $("#test").hide()//隐藏id="test"
  • $("p").hide()//隐藏所有<p>元素
  • $(".test").hide()//隐藏class="test"元素

【选择器】

  • 选元素:

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取所有 id="demo" 的 <p> 元素。

  • 选属性:

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。


  • 选css并进行更改(把<p>标签里的背景颜色改成红色)

$("p").css("background-color","red");


【函数】

最基本的语法:

$(selector).event(function(...))

因什么元件触发   因什么动作触发 触发的内容

比如说:


“因对button元件的click操作,导致function里面的动作内容”



相关文章推荐

jQuery学习笔记(1)——基本语法

jQuery语法 jQuery的语句通常都是如下的结构: $(selector).action() 解释: $:可以理解为标识符,$(selector).action()与jQuery(selecto...

MATLAB学习笔记以及基本语法

  • 2017年01月19日 14:30
  • 454KB
  • 下载

jQuery学习笔记(一)简介、语法、HIDE实例

向您的页面添加 jQuery 库 jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。 可以通过下面的标记把 jQuery 添加到网页中: 请...

jQuery学习笔记--------(选择器、事件、语法)

关于jQuery学习笔记的参考网站是:http://www.runoob.com/jquery/jquery-tutorial.html jQuery 简介 jQuery是一个Java...

学习笔记1—C语言的基本语法

1 C语言的程序构成方式   1)c语言程序由函数构成,每个函数可以实现一个或多个功能。 2)一个正规程序可以有多个函数,但是有且只有一个主函数。 3)函数只有在被调用的时候才执行,主函数由系统调用执...

学习笔记-12.01--基本语法

1.  ! 取反   !TRUE 输出是FALSE      ^   异或  一个TRUE一个FALSE输出为TRUE,否则输出FALSE     &&和& 与,当两个都是TRUE时,结果才是TRUE...
  • mouths8
  • mouths8
  • 2014年11月29日 14:34
  • 113

torch学习笔记一(基本语法)

一 Lua基本语法:1 变量: 1. 变量默认都是全局变量(一个文件中的变量所有的文件都可以访问),加上local变为局部变量,仅仅该文件可访问。 2. 变量类型:nil、Boolean、strin...

[Java]Java学习笔记(二)——类的基本语法

零碎要点 java 类的基本语法大都与其他语言一样,就不再赘述了,将那些不太一样的地方列为零碎要点,如下。其他的高级部分,接下去会另起一篇。零碎要点1、使用 final 来创建常量。 虽然 Java...
  • socrj
  • socrj
  • 2015年02月25日 09:44
  • 405

[Java]Java学习笔记(三)——类的基本语法(二)

基本要点1、在 Java 中使用 extends 表示继承。所有的继承都是公有继承。 2、在子类中可以通过 super 关键字调用超类(父类、基类)的成员函数或构造函数,格式分别是 super.me...
  • socrj
  • socrj
  • 2015年02月26日 08:50
  • 279

JavaScript学习笔记一 - 基本语法,数据类型、变量

从今天开始JavaScript的学习路程,推荐学习教程为廖雪峰老师的JavaScript学习教程废话少说,先记录下今天的收获,刚开始都是比较简单的内容,有需要的小伙伴可以一起学习。首先,简单粗暴来讲,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery学习笔记(一)基本语法内容
举报原因:
原因补充:

(最多只允许输入30个字)