引入jquery

本地引用

<script src="jquery-3.2.1.js"></script>

网络引用

谷歌CDN

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">

微软CDN

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">

使用格式

$(selector).action()

$固定表示为 jQuery

selector要查找名字

action() 执行的动作

文档就绪函数

$(document).ready(function(){

});

为了防止在页面为加载完就执行

选择器

1. 元素选择器

用定义的id名查找，前面加#

$("#id").method()

用元素查找

$("p").method()

用元素的id  和 class

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

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


类名查找 “ .类名”




$(".class").method()




2.属性选择器




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

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

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

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




例如




$("[name='name']").method()




3.CSS 选择器


用于改变 HTML 元素的 CSS 属性




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




等...


jQuery 事件函数


事件处理程序指的是当 HTML 中发生某些事件时所调用的方法


jQuery 代码放到一般放在部分 <head></head>之间




<html>

<head>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("p").hide();

  });

});

</script>

</head>

<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<button>Click me</button>

</body>

</html>




jQuery 名称冲突




var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号


												


											
(1)jquery基本用法的更多相关文章
	

    
						
  1. jQuery $.each用法[转]
		
    jQuery $.each用法 以下内容非原创,来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它,你可以遍历对象. ...
    
		
    2. 
						
  2. jQuery 事件用法详解
		
    jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jque ...
    
		
    3. 
						
  3. jquery cookie 用法
		
    jquery cookie 用法 $.cookie("name","value","options")  当不设置options时,此coo ...
    
		
    4. 
						
  4. [转]Jquery Ajax用法
		
    原文地址:http://www.php100.com/html/program/jquery/2013/0905/6004.html jQuery学习之jQuery Ajax用法详解 来源:   时间 ...
    
		
    5. 
						
  5. JQuery datepicker 用法
		
    JQuery datepicker 用法   jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加 ...
    
		
    6. 
						
  6. jquery.cookie用法详细解析，封装的操作cookie的库有jquery.cookie.js
		
    jquery.cookie用法详细解析 需要注意存入cookie前,对数据进行序列化, 得到后在反序列化: 熟练运用:JSON.stringify();和JSON.parse(): 通常分为如下几个步 ...
    
		
    7. 
						
  7. jquery.post用法补充(type设置问题)
		
    jquery.post用法 http://blog.csdn.net/itmyhome1990/article/details/12578275 当使用ajax获取data数据的时候,直接data.f ...
    
		
    8. 
						
  8. jQuery -- 光阴似箭（一）：初见 jQuery -- 基本用法，语法，选择器
		
    jQuery -- 知识点回顾篇(一):初见jQuery -- 基本用法,语法,选择器 1. 使用方法 jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数.  ...
    
		
    9. 
						
  9. jQuery 动画用法
		
    jQuery动画: <head> <meta charset="UTF-8"> <title>Title</title> <s ...
    
		
    10. 
						
  10. jquery cookie用法
		
    jquery cookie用法(获取cookie值,删除cookie) cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. FLASH、SDRAM
			
    1.flash: 闪存,掉电之后里面的存储数据不会丢失,在嵌入式系统中用作存储Bootloader以及操作系统或者程序代码或者直接当硬盘使用(U盘).一般主要使用的FLASH有NOR flash和NA ...
    
			
    2. 
						
  2. Linux安全层详解
			
    1 bastion(安全堡垒系统)通常配置两个服务: 1 服务定义系统的功能: 2 服务支持远程访问: 原则: 1 不需要某个软件卸载掉: 2 需要某个软件但不使用就不要激活: 为各个bastion系 ...
    
			
    3. 
						
  3. python资源大全2
			
    原文链接 网络 Scapy, Scapy3k: 发送,嗅探,分析和伪造网络数据包.可用作交互式包处理程序或单独作为一个库. pypcap, Pcapy, pylibpcap: 几个不同 libpcap ...
    
			
    4. 
						
  4. 自我介绍&友链
			
    目录 此博客 我是谁? 友链 此博客 此博客主要更新一些题解什么的...(随缘啦) 本蒟蒻太菜了,博客中出现了错误希望指出,谢谢! . . 我是谁? SD的一名蒟蒻!emm... 喜欢摸鱼. 喜欢抽卡 ...
    
			
    5. 
						
  5. Jquery Dialog 详解(正在学习jquery,详解转载）
			
    文章来源:http://xufish.blogbus.com/logs/39583154.html AUTHOR:Jevoly 还是先看例子吧.另外如果要拖动.改变dialog的大小的话要加上ui.d ...
    
			
    6. 
						
  6. loj2056 「TJOI / HEOI2016」序列
			
    当年我还没学cdq的时候在luogu上写过树套树的代码orzzz ref #include <algorithm> #include <iostream> #include & ...
    
			
    7. 
						
  7. mac攻略(九) -- ssh工具secureCRT
			
    mac ssh 客户端 : 本身mac直接使用终端来ssh连接就很方便,但是使用过程中随着远程服务器的增多和zsh和远程服务器编码不同产生了乱码,决定安装一款ssh终端软件,以下方法亲测可用,感谢提供 ...
    
			
    8. 
						
  8. ffmpeg转换参数和对几种视频格式的转换分析
			
    我们在将多种格式的视频转换成flv格式的时候,我们关注的就是转换后的flv视频的品质和大小.下面就自己的实践所得来和大家分享一下,主要针对avi.3gp.mp4和wmv四种格式来进行分析.通常在使用f ...
    
			
    9. 
						
  9. 创建 PSO
			
    TechNet 库 Windows Server Windows Server 2008 R2 und Windows Server 2008 浏览 Windows Server 技术 Active  ...
    
			
    10. 
						
  10. 【POI 2010】反对称 Antisymmetry
			
    题目: 对于一个 $0/1$ 字符串,如果将这个字符串 $0$ 和 $1$ 取反后,再将整个串反过来和原串一样,就称作「反对称」字符串.比如 $00001111$ 和 $010101$ 就是反对称的, ...
    
			
    11.