关于jQuery学习

≡[。。]≡≡[。。]≡ 所有的实例都位于document.ready里面--为了防止文档在未完全加载之前就运行函数导致操作失败。

$(document).ready(function(){

--- jQuery functions go here ----

});

【1】$(this).hide :隐藏当前html元素                              【2】$(“#test”).hide :隐藏id="test"元素

【3】$("p").hide :隐藏<p>元素                                     【4】$(“.test”).hide :隐藏所有class="test"元素

*************************************************************************

元素选择器

【1】$("p"):选取<p>元素                                              【2】$("p.intro") 选取所有 class="intro" 的 <p> 元素

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

****************************************************************************

属性选择器

【1】$("[href]") 选取所有带有 href 属性的元素                     【2】$("[href=‘#‘]") 选取所有带有 href 值等于 "#" 的元素。

【3】$("[href!=‘#‘]")选取所有带有 href 值不等于 "#" 的元素   【4】$("[href$=‘.jpg‘]") 选取所有 href 值以 ".jpg" 结尾的元素

【5】$("ul li:first")每个 <ul> 的第一个 <li> 元素                  【6】$("[href$=‘.jpg‘]")所有带有以 ".jpg" 结尾的属性值的 href 属性

*********************************************************************************

一般效果

【1】切换：toggle();  淡入：fadeIn(); 淡出：fadeOut(); 在淡入淡出切换:fadeToggle()；允许渐变不透明：fadeTo()

【2】往下滑：slideDown()；往上滑：slideUp:上下滑切换：slideToggle

动画效果



				


				
时间： 2024-11-08 09:07:42 

		


		


	

	
	

		


		
关于jQuery学习的相关文章


						

		

			

                jQuery学习笔记（一）：入门
			

		

		

									

				jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开			

		

	

				

		

			

                jquery学习（一）
			

		

		

									

				简单的jquery学习,首先在页面引入jquery <!-- 引入jquery --> <script src="js/jquery-1.8.3.js" type="text/javascript"></script> 首先一定要注意的是引入的路径 按照案例写一个简单的DEMO <%@ page language="java" contentType="text/html; charset=UT			

		

	

				

		

			

                Js脚本之jQuery学习笔记（1）
			

		

		

									

				Js脚本之jQuery学习笔记(1) 一.javascript基础 单行注释 多行注释 /* */ 数据类型 数值型 字符串型 布尔型 空值 未定义值 转义字符 函数定义:1234567891011121314<head><script language="javascript"function test(m){var xixi="嘻嘻"alert("这是javascript")document.write(xixi + m)}			

		

	

				

		

			

                jQuery学习总结（一）
			

		

		

									

				jQuery学习完了,但是感觉知识点很杂,想JavaScript一样,所以还是总结一下比较好. 1.DOCTYPE 在每次的html页面前都会有这样一句话,那么它有什么作用呢? DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档.也就是告知浏览器的渲染显示方式. 2.新的方法--专属jQuery (1)$()方法: 可以通过$()方法来获得页面的指定节点,参数是某种CSS的选择器. var userN			

		

	

				

		

			

                jQuery学习-事件之绑定事件（三）
			

		

		

									

				在上一篇<jQuery学习-事件之绑定事件(二)>我们了解了jQuery的dispatch方法,今天我们来学习下handlers 方法: handlers: function( event, handlers ) {         var sel, handleObj, matches, i,             handlerQueue = [],             delegateCount = handlers.delegateCount,             cur =			

		

	

				

		

			

                jQuery学习-------jQuery选择器
			

		

		

									

				基本选择器: id选择器:$("#id") 标签选择器:$("tag") 类选择器:$(".classname") 通配选择器:$("*") 组选择器:$("selector1,selector2,...,selectorN") 层次选择器: 包含选择器:$("ancestor descendant") 子选择器:$("parent>child") 相邻选择器:			

		

	

				

		

			

                jQuery学习示例------点击红色方块实现左右晃动
			

		

		

									

				<!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javas			

		

	

				

		

			

                jQuery学习--------jQuery过滤器
			

		

		

									

				each() 方法规定为每个匹配元素规定运行的函数. 过滤: 下标过滤: eq(index) //获取第index个元素 类过滤: hasClass(class)  //检查当前元素是否含有某个特定的类,如果有,返回true 例如:$("div").hasClass("div1") //含有div1类的div元素 表达式过滤: filter(expr)  //筛选出与指定表达式expr匹配的元素集合,用逗号分隔多个表达式 filter(fn)    //筛选出与指定			

		

	

				

		

			

                jQuery学习笔记--JqGrid相关操作 方法列表（上）
			

		

		

									

				1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(json):$("#gridid").jqGrid('getRowData', id); 3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData: ''}).trigger('reloadGrid'); 4.选中行:$("#jqGrid			

		

	

				

		

			

                jQuery学习笔记10：Ajax技术
			

		

		

									

				jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. jQuery 采用了三层封装:最底层的封装方法为:$.ajax(),而通过这层封装了第二层有三种方法:.load().$.get()和$.post(),最高层是$.getScript()和$.getJSON()方法. 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求. .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序.这是一个