`

JQ 常用的jQuery方法

阅读更多
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>常用的jquery方法</title>
<style>
.aaa{ color: #f60;}
</style>
</head>
<body>
<img src="aaa.jpg">
<img src="bbb.jpg">
<p class="aaa">阅谁问君诵,水落清香浮。</p>
<button id="btn">按钮</button>
<script src="jquery-1.10.1.min.js" ></script>
<script>
$(function(){
	$("img").length;//返回图片标签的个数
	$("img").attr("src","test.jpg");//设置图片src属性为test.jpg
	$("img").attr("src");//返回图片的src属性	
	$("img").removeAttr("src");//删除图片中srcs属性

	$("p").removeClass("aaa");//p标签删除selected类样式
	$("p").text();//返回p元素的文本内容
	$("p").text("Hello world!");//设置所有 p 元素的文本内容
	$("p").append("Hello");//向所有P标签中追加一些HTML标记
	//$("p").remove();//删除所有p标签
	$("p").show();//显示p标签
	//$("p").hide();//隐藏p标签
	
	$("#btn").click(function(){
		//用post提交到demo.php ,post参数为name=onestopweb,成功之后提示内容:加demo.php输出的内容
		$.ajax({
			type: "POST",
			url: "demo.php",
			data: "name=onestopweb",
			success: function(msg){
				alert( "内容: " + msg );
			}
		});
	});
})
</script>
</body>
</html>

 

效果图:

 
 

 

 

 

 

  • 大小: 18.7 KB
2
2
分享到:
评论

相关推荐

    JQ.jquery-confirm | 功能强大的jQuery对话框和确认取消框插件

    除了配置项外,`JQ.jquery-confirm`还提供了API方法来控制对话框,如`$.confirm.close()`关闭对话框,`$.confirm.hideLoading()`隐藏加载动画。 ### 八、与Bootstrap集成 如果你的项目中使用了Bootstrap,`JQ....

    JQ 一些常用的方法

    本篇文章将详细探讨JQ的一些常用方法,帮助开发者更好地理解和运用这个强大的工具。 一、选择器 jQuery的选择器是其核心功能之一,它们基于CSS选择器,使得选取DOM元素变得简单。例如: 1. `$("#id")`:通过ID选取...

    jq22jqueryslider4678201807262215.zip

    在"jq22jqueryslider4678201807262215.zip"中,很可能包含了演示示例(demo),这可以帮助开发者快速理解如何配置和使用该插件。DEMO通常会展示基本的初始化设置,如: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery ...

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览 说明:压缩包分为jQuery code 1,2,3三卷。 本压缩包为卷jQuery code 2

    表单验证JQ插件jquery-validation.js

    表单验证JQ插件jquery-validation.js

    jq22jQuery-nav129620151202.zip

    在本资源"jq22jQuery-nav129620151202.zip"中,包含了一个实现三级下拉菜单的jQuery代码示例,文件名"jQuery-nav20151202"可能指的是该代码库或示例的源文件。 首先,理解jQuery是一个轻量级的JavaScript库,它简化...

    JQ技巧jquery学习技巧

    本篇文章将深入探讨jQuery的学习技巧,包括元素引用、DOM对象与jQuery对象的转换、集合操作、以及常用的属性和事件处理。 1. **元素引用** 在jQuery中,通过`$()`函数我们可以方便地引用页面中的元素。例如,通过...

    jq22jqueryalert.zip

    本资源"jq22jqueryalert.zip"显然是关于使用jQuery库实现更丰富的提示框效果的一个实例。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理以及动画效果,使得开发者能够更轻松地创建交互式网页。在这...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    在标签中,"jquery_3.4.1.js"和"jquery-3.4.1"再次强调了版本号,而"jquery3.4.1"和"jq"则是对jQuery的简写。这些标签有助于搜索和分类,方便开发者快速找到与jQuery 3.4.1相关的资源。 在压缩包内的文件列表中,...

    jq\jquery下拉复选_选中的向上移

    要实现这个功能,开发人员需要在`index.html`中引入jQuery库和RgbMultiSelect插件,然后使用jQuery选择器找到下拉复选框元素,并调用插件方法来初始化和配置下拉复选框。在用户选择或取消选择选项时,触发回调函数,...

    jq22jquerypage956202008092223.zip

    "jq22jquerypage956202008092223.zip"这个压缩包文件显然包含了与jQuery分页插件相关的资源,可能是为了帮助开发者创建高效且可定制的分页条模板。下面我们将深入探讨jQuery分页及其重要性,以及如何利用纯...

    JQ插件调用打印机实现打印功能

    本文将详细讲解如何利用jQuery插件来实现打印功能,具体以"JQ插件调用打印机实现打印功能"为主题,涉及的核心文件有`jquery-1.11.3.min.js`、`jquery.jqprint-0.3.js`和`jquery-migrate-1.2.1.min.js`。 首先,`...

    jq22jquerydate9068201905062356.zip日期插件,插件时间格式(2019-09-09 18:09)

    标题中的"jq22jquerydate9068201905062356.zip"表明这是一个关于jQuery的日期插件,版本号可能是9068,发布日期为2019年5月6日。这个插件的核心功能是处理日期显示和格式化,特别是将日期转化为"2019-09-09 18:09...

    jq常用属性以及标签的使用

    jq学习资源,包括jq介绍,jq的css操作,DOM对象与jQuery对象的互换

    jquery mousewheel.js兼容高版本jq

    据标题所示,“jquery mousewheel.js 兼容高版本jq”,意味着它能够与jQuery 1.8.0及以上版本无缝协作,这对于那些希望在最新jQuery版本下保持代码稳定性的开发者来说,无疑是个好消息。因为随着jQuery的更新迭代,...

    jquery_tips,JQ实现的冒泡提示

    在实现冒泡提示方面,jQuery提供了强大的工具和方法,使得创建动态、交互式的提示变得简单易行。 二、JQuery冒泡提示的原理 冒泡提示,通常是指当鼠标悬停在某个元素上时,该元素周围会弹出一个包含提示信息的小...

    jQuery实现长按按钮触发事件的方法

    jQuery实现长按按钮触发事件的方法是移动设备和网页应用开发中的一项常见技术,主要目的是为了增强用户交互体验,尤其是在触摸屏设备上。通过长按按钮触发特定事件,开发者可以为用户提供更丰富的交互方式,比如在...

    jQuery延迟执行的实现方法

    本文实例讲述了jQuery延迟执行的实现方法。分享给大家供大家参考,具体如下: 做一个控件时碰到的一些无法同步处理的事件,可以用这样的延迟方法。 &lt;html&gt; [removed][removed] [removed] $(function(){ $('#...

Global site tag (gtag.js) - Google Analytics