`

jquery使用笔记一

    博客分类:
  • ajax
阅读更多

首先新建一个a.html页面

<html>
<head>
<title>
jquery test!
</title>
<link  rel="stylesheet"  type="text/css" href="aa.css"/>
<script type="text/javascript" src="jquery.js"></script>
<script>
function check(){
       var name=$("#name").val();
	if(name=="abc"){
		$("#mc").show();
	}
       alert(name);
}
</script>
</head>
<body>
	username:<input type="text" id="name"><br><b><span id="mc">ni shi shui</span></b>
	password:<input type="text" id="password"><br>
	<input type="submit" value="submit" onClick="check()">
</body>
</html>

 

然后再建立一个aa.css样式

 

#mc{ display:none;
}

 还有一个关键就是你要把jquery.js给加载进去

下面有个jquery.js的附件

 

分享到:
评论

相关推荐

    Jquery学习笔记Jquery学习笔记

    Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录,本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个javascript框架,...

    jquery 学习笔记总结

    jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在实际项目中的应用。 ### 1. ...

    jQuery基础教程笔记jQuery基础教程笔记

    jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记

    JQuery课堂笔记实例

    达*JQuery课堂笔记,JQuery是前端开发人员必知的库,熟练掌握JQuery能大大简化代码提高开发效率

    韩顺平jquery学习笔记及练习

    "韩顺平AJAX和jQuery笔记整理.doc"可能详细介绍了$(selector).html(), $(selector).append(), $(selector).remove()等方法的用法,以及如何使用CSS选择器进行复杂的元素定位。 jQuery的事件处理也是其强大之处。...

    jQuery学习笔记(一)

    **jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...

    javascript and jquery学习笔记与资料

    这里,我们有针对这两个主题的学习笔记和参考资料,包括JavaScript培训、jQuery API、JavaScript基础、函数详解以及jQuery使用手册等内容。让我们逐一探讨这些知识点。 首先,`JavaScript培训.zip`可能包含的是对...

    jquery完全笔记 带目录 高清 经典前端js笔记 前端必看

    ### jQuery完全笔记知识点概述 #### 1. jQuery概述 jQuery是一个快速、小型且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。通过使用jQuery,可以更方便地在网页中操作文档对象、选择...

    jQuery 语法学习笔记

    jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...

    JQuery学习笔记(日常积累)

    - jQuery对象转为DOM对象通常通过索引访问,如`$("#msg")[0]`,这将返回第一个匹配元素的DOM节点,可以使用DOM方法,但不能再调用jQuery方法。 3. **获取jQuery集合中的某一项**: 使用`eq(index)`或`get(index)`...

    JQuery使用笔记

    在本笔记中,我们将深入探讨 JQuery 的核心部分——选择器,这是理解和高效使用 JQuery 的关键。 首先,JQuery 的选择器分为几大类,包括基本选择器、层次选择器、过滤选择器和表单选择器。基本选择器是最基础的,...

    锋利的JQuery学习笔记.pdf

    锋利的JQuery学习笔记

    我的JQuery笔记.doc

    《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本笔记基于一年的学习经验,涵盖了基础到进阶的知识点,旨在帮助初学者快速掌握...

    jquery 学习笔记

    **jQuery学习笔记** jQuery,作为一个轻量级的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧,帮助初学者快速上手。 ## 一...

    教你如何做一个自己的jQuery插件,jQuery扩展笔记

    1. **封装功能**:首先,我们需要把具体的功能封装到一个函数中。例如,我们可以创建一个`share`函数,接受一些参数,如分享的平台和链接等。 ```javascript function share(options) { // 处理选项和参数 var ...

    jquery flot 使用笔记

    **jQuery Flot 使用笔记** jQuery Flot 是一个用于在网页上绘制高质量图形的开源库,它基于 jQuery,因此易于集成到任何使用 jQuery 的项目中。这个库提供了丰富的选项和插件,可以创建出各种各样的图表,包括折线...

    jquery UI(笔记)

    这个笔记主要涵盖jQuery UI的基本概念、核心组件、使用方法以及在实际项目中的应用。 ### 1. jQuery UI 的组成 jQuery UI 包含了以下几大部分: - **Widgets(组件)**:如对话框(Dialog)、日期选择器(Datepicker...

Global site tag (gtag.js) - Google Analytics