引入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. 动态规划：ZOJ1074-最大和子矩阵 DP（最长子序列的升级版）
			
    To the Max Time Limit:1 Second     Memory Limit:32768 KB Problem Given a two-dimensional array of po ...
    
			
    2. 
						
  2. POJ 3370 Halloween treats(抽屉原理)
			
    Halloween treats Every year there is the same problem at Halloween: Each neighbour is only willing t ...
    
			
    3. 
						
  3. Kubernetes master服务定制编译docker镜像
			
    前言 之前部署了Kubernetes 1.13.0,发现master服务的启动方式与1.10.4版本有所区别,kube-apiserver.kube-controller-manager和kube-s ...
    
			
    4. 
						
  4. 批量导出ppt中内嵌的图片
			
    某个ppt中很多页,然后插入了很多图片,且图片都是被压缩的,看起来非常费劲,所以想着一次性把图片另存为,找了接近一个小时,终于被我找到啦,分享给大家: 1.直接把ppt的后缀修改为rar 2.解压ra ...
    
			
    5. 
						
  5. day10 消息队列，多进程和多线程以及协程，异步IO，事件驱动等
			
    回顾一下线程和进程 线程与进程的区别 守护线程: 队列: 两种方式: 先进先出  # 后入先出   #卖水果,后来的来的是新的 生产者消费者模型: 生产包子, 吃包子 事件 event: 红绿灯模型  ...
    
			
    6. 
						
  6. 1、IOS学习计划
			
    2015年12月10日 -- 2015年12月27日(一共3个周末,12个个工作日) 1.斯坦福公开课(IOS7应用开发) 一共18节课程,通过视频和demo建立感觉 2.千峰的OC课程 一共25节课 ...
    
			
    7. 
						
  7. aircrack-ng破解wlan无线流量包
			
    记录一下新的知识点. 无线协议里最关键的就是EAPOL协议了,这个里面保存着密钥,所以破解无线流量包也应该从这里入手. 用到的工具是aircrack-ng,这个在kali自带,也可以下载windows ...
    
			
    8. 
						
  8. imx6移植librtmp
			
    一.openssl交叉编译 1.下载 https://www.openssl.org/source/ 版本不要太高,刚开始版本高了,有些函数取消了,链接不上 使用1.0.1f即可 2.编译成共享库 . ...
    
			
    9. 
						
  9. diea
			
    http://name.vip.int ellig.top/name
    
			
    10. 
						
  10. HDU 4845 拯救大兵瑞恩（分层图状压BFS）
			
    拯救大兵瑞恩 Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others) Total Sub ...
    
			
    11.