JQuery基础汇总

获取对象:$("#obj");

对象的显示与隐藏:$("#obj").show(); $("#obj").hide();

赋值:$("#obj").val("Hello World!");

添加属性:$("#obj").attr("disabled","disabled");

移除属性:$("#obj").removeAttr("disabled");

attr和prop的区别:attr适用于自定义的DOM属性,而prop则用于元素的固有属性,如:id,value等;

查找元素:方法1:$("#obj").find("option:eq(0)").html();--(以select为例)

       方法2:$("#Tab").children("tr:eq(1) td:eq(1)").html();--(以Table 为例)

方法1和方法2的区别:children只能获取当前元素的下级元素,获取不到下下级, 所以方法1获取不到值,而find获取所有的下级元素,所以要想用children达到find的效果,必须使用多次.children(xx);

选择器:$("#obj").find("option:eq(0)")选择obj对象的第一个<option>元素,index 值从 0 开始;

鼠标进入和退出事件:$("#Tab").hover(”进入时执行的操作“,”退出时执行的操作“);

对象添加与移除CSS样式:$("#obj").addClass("CssStyle"); $("#obj").removeClass("CssStyle");

JQuery遍历:$("#obj").each function(){  //执行操作如:alert($(this).text());})

切换元素的可用状态:$(“#obj”).toggle(speed,callback,switch);

    如:$(“#Obj”).toggle(0,function(){alert(‘Hello World!‘);},switch);

    第一个参数:0为快速显示或隐藏,数值越大,显示或隐藏越慢;

    第二个参数:显示或隐藏完成后调用的回调方法;

    第三个参数:是否显示或隐藏元素,值为:True/False;

    PS.第一个参数和第三个参数互斥,设置第二个参数必须设置第一个参数;

时间: 2024-10-24 00:54:15

JQuery基础汇总的相关文章

jquery 基础汇总---导图篇

最近在慕课网学习了一些jquery的基础知识,为了方便记忆,整理出来的导图 jQuery基础总共分为4个部分,分别是样式篇.事件篇.动画篇.DOM篇. 样式篇,主要介绍jQuery的基础语法,选择器以及jQuery的一些属性和样式, 选择器的简介详见:http://www.cnblogs.com/amy-1205/p/5849568.html 事件篇,主要是鼠标事件,表单事件,键盘事件,事件的绑定和解绑以及自定义事件 动画篇,学习后制作出以下效果:隐藏和显示.上卷下来.淡入淡出.也可以通过自定义

【jquery基础教程】jquery事件及操作大汇总

在学习Javascript语言中,有一个优秀的Javascript库是大家都会遇到的--jquery,今天小编汇总了jquery事件及操作,现在一起来看看jquery基础教程吧! 事件 bind()        向匹配元素附加一个或更多事件处理器 blur( )        触发.或将函数绑定到指定元素的 blur 事件 change()        触发.或将函数绑定到指定元素的 change 事件 click()        触发.或将函数绑定到指定元素的 click 事件 dblc

Web前端JQuery基础

JQuery知识汇总 一.关于Jquery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨     是"write Less,Do More",即倡导      写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模       式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuer

Android # 基础汇总

主題彙總: 源碼下載/Android开发 源码下载: [更新4.4]Android 2.2.2到Android 4.2.2源码下载地址 - Android开发资料库 - Android开发论坛 - 安卓开发论坛 - Android开发 - 安卓论坛 - 移动互联网门户http://www.apkbus.com/android-108480-1-1.html Android4.2源码下载过程_Linux教程_Linux公社-Linux系统门户网站http://www.linuxidc.com/Li

JQuery基础知识(2)

JQuery基础知识(2) JQuery滑动效果 1. JQuery slideDown(); 语法: $(selector).slideDown(speed,callback); 可选的 speed 参数规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是滑动完成后所执行的函数名称. 2.JQuery slideUp();用于向上滑动元素 语法: $(selector).slideUp(speed,callback

【jQuery基础学习】09 jQuery与前端(这章很水)

这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的. 关于网站结构 文件结构 前端文件分三个文件夹放 images文件夹用来存放将要用到的图片 styles文件夹用来存放css样式表 scripts文件夹用来存放js脚本 网页结构 头部:网站的品牌log,登录信息 内容:放置网站的主体内容 尾部:放置网站的其它友情链接和版权信息之类的 关于网站样式 首先写一个样式表,来包含全局的样式.定义整个网站的reset.css样式表,编写一些全局

JQuery基础知识(1)

JQuery基础知识(1) 对JQuery学习中遇到的小细节进行了整理和总结 1.JQuery hide()和show()方法,分别对选中的元素进行隐藏和显示,语法:hide()和show分别有对应的参数,即hide(speed);隐藏的速度进行了限定.hide(1000)/show(1000); 2.JQuery toggle()方法用来切换hide()和show();可以用speed参数进行控制显示和隐藏的速度. JQuery的淡入淡出 1.JQuery fadeIn();此方法可以携带不同

Jquery基础之事件操作

事件是用户操作时页面或页面加载时引发的用来完成javascript和HTML之间的交互操作.常见的元素点击事件.鼠标事件.键盘输入事件等,较传Javascript 相比JQuery增加并扩展了基本的事件处理机制,极大的增强了事件处理的能力. 一.DOM加载事件 页面加载完毕后浏览器会通过javascript为Dom元素加载事件,使用Javascript时候使用的是window.onload方法,而Jquery使用的是$(document).ready()方法,下表 展示两个事件的异同.    w

Jquery基础之选择器

选择器是JQuery的根基,在JQuery中对事件处理.选择遍历Dom.ajax操作都依赖选择器.JQuery选择器分为基本选择器.层次选择器.过滤选择器.表单选择器. 一.基本选择器 1.ID选择器$("#ID") 页面中每个ID是唯一的,ID选择器选择每个ID元素,如下方法如下:$("#ID");例:$("#tbxName")这个方法选择id=tbxName的页面元素.选择结果为单个元素. 2.类选择器$(".class"