`

jQuery记录1

阅读更多

E、jQuery的页面载入方式:

$(document).ready(callback);

 

$(document).ready(function() {});----->>>简化版:$(function(){});

(a.绑定一个在DOM文档载入完成后执行的函数;b.同一个页面上可以多次使用)

 

F、核心函数

$(expression,[context])

接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素;jQuery 的核心功能都是通过这个函数实现的。

$(html)根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。

$(elements)将一个或多个DOM元素转化为jQuery对象  注意是jQuery对象,而不是DOM对象。如果我想得到DOM对象呢?很简单,只需在其后跟一个索引值(如[0])—因为它得到的是一个对象数组,即可得到DOM对象。然后就可以使用innerHTML、innerText等DHTML方法和属性了。

 

G、选择器

返回jQuery对象

基本选择器*, class,element, id, selector1, selector2等.

层级选择器ancestor descendant, parent > child, prev + next , prev ` siblings

简单选择器even, odd, eq[index], last, first等

 

内容选择器contains[text], empty,  parent, has[selector]等.

可见性选择器hidden, visible.

属性选择器[attribute *=value], [attribute =value], [attribute]等

子元素选择器first-child, last-child, nth-child(index), only-child.

表单选择器button, checkbox, file, hidden等.

表单对象属性选择器checked, disabled, enabled, selected.

 

H、属性

attr(name):取得第一个匹配元素的属性值

attr(properties):将一个“名/值”形式的对象设置为所有匹配元素的属性

attr(key,value):为所有匹配的元素设置一个属性值

 

I、class

addClass(class):为每个匹配的元素添加指定的class

removeClass(class):从所有匹配的元素中删除全部或者指定的class

 

J、HTML

html():取得第一个匹配元素的html内容

html(val):设置每一个匹配元素的html内容【val为需要设置的值比如var val="test value"】

 

K、文本

text()、text(val)和HTML类似【只是html("<font color='red'>test value</font>");中的font标签不会显示在网页上,即显示的是 test value(字体为红);但是Text就是以纯文本的形式写出去,即在text("<font color='red'>test value</font>");网页显示的就是:<font color='red'>test value</font>.】

 

L、值

val():获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

 

M、DOM文档处理

内部插入append(content), appendTo(content), prepend(content), prependTo(content).

外部插入after(content), before(content), insertAfter(content), insertBefore(content).

 

N、CSS

css(properties):把一个“名/值对”对象设置为所有匹配元素的样式属性,属性名包含 "-"的话,必须使用引号

css(name,value):在所有匹配的元素中,设置一个样式属性的值。

 

O、事件

页面载入事件

事件处理:bind , one , trigger, triggerHandler, unbind

交互处理:hover, toggle

事件:click, mouse event, keyboardevent等.

 

P、效果

show():显示隐藏的匹配元素

show(speed,[callback]):以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数

hide():隐藏显示的元素。

hide(speed,[callback]):以优雅的动画隐藏所有匹配的元素,并在显示完成后可选地触发一个回调函数 

toggle() :切换元素的可见状态 

 

Q、Ajax

$.ajax(options)

$.get(”search.do”,{id:1},rend); function rend(xml){ alert(xml); }  

$.post(”search.do”,{id:1},rend); function rend(xml){alert(xml);}  

$(”#msg”).ajaxStart(function(){this.html(”正在载入..”);});  

$(”#msg”).ajaxSuccess(function(){this.html(”加载完成!”); });  

通过 HTTP 请求加载远程数据

分享到:
评论

相关推荐

    jQuery带事件记录的多功能日历

    《jQuery带事件记录的多功能日历详解》 在网页开发中,日历插件是一种常见的交互元素,用于显示日期、安排事件以及提醒用户。本文将深入探讨一款特别的jQuery日历插件,它具备事件记录功能,使得日历不仅美观,而且...

    jQuery计算器带操作记录.zip

    《jQuery计算器带操作记录》 在网页开发中,交互性和用户体验是至关重要的因素。这个名为“jQuery计算器带操作记录”的项目,就是一种优秀的实践,它利用了jQuery库的强大功能,为用户提供了直观、友好的计算体验,...

    jQuery购买记录列表文字滚动更新代码

    本教程将详细讲解如何利用jQuery实现一个购买记录列表的文字滚动更新效果。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果。在这个例子中,我们将用到jQuery的`$(window).scroll...

    jquery合并表格行记录

    1. **选择表格**:使用jQuery的选择器如`$("table")`来获取页面上的表格元素。 2. **遍历行**:通过`.each()`遍历表格中的每一行`$("table tr")`。 3. **比较单元格内容**:在遍历过程中,比较当前行与前一行(或...

    jQuery mobile带历史记录的仿谷歌搜索

    在这个主题“jQuery mobile带历史记录的仿谷歌搜索”中,我们将深入探讨如何使用jQuery Mobile创建一个具有类似谷歌搜索功能的页面,同时利用其内置的历史管理功能,实现用户浏览历史的记录和回溯。 首先,jQuery ...

    jQuery文字记录搜索历史代码.zip

    本项目“jQuery文字记录搜索历史代码”利用jQuery结合HTML5的localStorage API,实现了用户在搜索框输入文字时,记录并展示搜索历史的功能。这个功能在很多网站和应用中都很常见,比如搜索引擎或者电商网站,它能够...

    jQuery学习记录----处理XML数据(二)

    在本篇博客“jQuery学习记录----处理XML数据(二)”中,我们将深入探讨如何使用jQuery库来解析和操作XML文档。XML(eXtensible Markup Language)是一种用于存储和传输结构化数据的标准格式,广泛应用于Web应用程序...

    综合案例--记录_jQuery记事本_

    1. **DOM操作**:jQuery提供了强大的DOM(文档对象模型)选择器,可以轻松地选取HTML元素。例如,使用`$("#elementID")`选取ID为"elementID"的元素,或者`$(".class")`选取所有class为"class"的元素。在这个记事本...

    jQuery购买记录列表文字滚动更新代码.zip

    1. HTML结构:首先,HTML需要一个容器来显示购买记录列表,例如一个`&lt;div&gt;`元素,每个记录则作为`&lt;li&gt;`元素包含在`&lt;ul&gt;`列表中。 2. CSS样式:通过CSS,我们可以设置列表的样式,包括字体、颜色、背景、滚动速度等...

    jQuery考勤时间段记录代码.zip

    1. **jQuery库的应用**: jQuery是JavaScript的一个库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。在这个考勤时间段记录代码中,jQuery被用来处理DOM元素的操作,如获取、添加、删除和修改页面...

    jQuery Validation 使用记录

    《jQuery Validation 使用详解》 jQuery Validation 是一个广泛使用的JavaScript库,专为简化表单验证而设计,它使得在网页上创建高效、用户友好的验证规则变得轻而易举。在这个教程中,我们将深入探讨如何利用...

    jQuery购买记录滚动更新代码.zip

    1. **数据获取**:代码可能通过Ajax请求从服务器获取最新的购买记录。Ajax是异步JavaScript和XML的缩写,它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。使用jQuery的`.ajax()`或`.getJSON...

    jquery-1.12.4-jquery.min.js.zip

    1. **DOM操作**:jQuery 提供了一套丰富的选择器,可以方便地选取DOM元素,如$("#id")用于选取ID为id的元素,$(".class")用于选取所有class为class的元素。此外,它还提供了链式操作,如$("#element").addClass(...

    ajax 插入记录,修改记录,删除记录 asp.net版本 jQuery

    1. **添加记录**:在前端,jQuery可以监听表单提交事件,阻止默认的提交行为,然后使用`$.ajax()`方法发送一个POST请求到服务器。请求中包含表单数据,服务器端的ASP.NET代码接收到这些数据后,可以将它们插入数据库...

    jQuery多功能日历插件 带事件记录功能

    今天要分享的这款jQuery日历插件不仅有着绚丽的外观,而且带有日期事件记录功能,点击日期即可展开事件记录窗口,你可以设置事件的描述以及提醒的时间,是一款相对实用的jQuery日历插件。 接下来我们一起来看看...

    jquery1.4.2.js和jquery.cookie.js

    jQuery 1.4.2与jQuery Cookie结合使用,可以在不依赖服务器的情况下实现用户登录状态维持、页面浏览历史记录、用户偏好设置等功能。例如,当用户勾选"记住我"选项时,可以将登录信息存储在Cookie中,下次访问时自动...

    jquery-migrate-3.0.0.zip

    例如,如果你的项目中还依赖于jQuery 1.x时代的某些功能,而在升级到jQuery 3.x时遇到了问题,jQuery Migrate就能派上用场。它会提醒开发者哪些代码需要更新,或者直接提供一个临时的解决方案,使得代码在新版本中...

    jQuery购买记录滚动显示代码.zip

    在这个"jQuery购买记录滚动显示代码"项目中,开发者使用jQuery来实现动态滚动显示购买记录的功能,使得用户可以实时查看最新的购买信息,提升用户体验。 首先,jQuery的核心在于它的选择器,这使得选取HTML元素变得...

Global site tag (gtag.js) - Google Analytics