以下是jquery中比较常用的一些操作实现方式:
$("标签名") //取html元素 document.getElementsByTagName("")
$("#ID") //取单个控件document.getElementById("")
$("div #ID") //取某个控件中 控件
$("#ID #ID") // 通过控件ID取其中的控件
$("标签.class样式名") //通过class来取控件
$("#ID").val(); //取value值
$("#ID").val(""); //赋值
$("#ID").hide(); //隐藏
$("#ID").show(); //显示
$("#ID").text(); //相当于取innerHTML
$("#ID").text(""); //相当于innerHTML=""
$("#ID").css("属性","值") //添加CSS样式
$("form#表单id").find("#所找控件id").end() //遍历表单
$("#ID").load("*.html") //载入一个文件
例如:
$("form#frmMain").find("#ne").css("border", "1px solid #0f0").end() // end()返回表单
.find("#chenes").css("border-top","3px dotted #00f").end()
$.ajax({ url: "Result.aspx", //数据请求页面的url
type:"get", //数据传递方式(get或post)
dataType:"html", //期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")
data: "chen=h", //传递数据的参数字符串,只适合get方式
timeout:3000, //设置时间延迟请求的时间
success:function(msg)//当请求成功时触发函数
{
$("#stats").text(msg);
},
error:function(msg) //当请求失败时触发的函数
{
$("#stats").text(msg);
}
});
$(document).ready(function(){
$("#description").mouseover(function(){
//ajax方法
$.get( "Result.aspx", //数据请求页面的url
{ chen: "测试",age:"25"}, //传递数据的参数字符串
function(data){ alert("Data Loaded: " + data); } //触发后的函数
);
});
});
//取得下拉选单的选取值
$(#testSelect option:selected').text(); //取文本值
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
分享到:
相关推荐
在本文中,我们将深入探讨 jQuery 的一些常用方法,以帮助开发者更好地理解和应用这些功能。 1. **选择器**: - `$("标签名")`:通过标签名选择元素,如 `$("div")` 会选择所有 div 元素。 - `$("#ID")`:通过 ID...
本篇文章将深入探讨jQuery中的常用方法,基于jQuery 1.4版本进行总结,帮助开发者更好地理解和应用这些功能。 1. **选择器(Selectors)**:jQuery的选择器与CSS选择器相似,如`$("#id")`选取ID为id的元素,`$("....
### JQuery 常用方法详解 #### 一、JQuery简介及使用 1. **下载地址**:JQuery官网提供最新版本的下载链接,地址为http://jquery.com/。通常,JQuery会提供两种版本供用户下载:压缩版与未压缩版。其中,压缩版...
jQuery 中 AJAX 常用的方法总结 jQuery 是一个功能强大且流行的 JavaScript 库,它提供了许多有用的方法来处理 AJAX 请求。AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页的技术,它允许网页从...
本篇文章将深入探讨 `jQuery` 中的一些常用查询和功能。 ### 1. jQuery 核心方法 `$` 是 jQuery 类的一个别名,`$()` 用于构造一个 jQuery 对象。jQuery 的所有功能都是通过这个函数实现的。例如: ```javascript...
在本篇文章中,我们将深入探讨 jQuery 中的 AJAX 方法及其相关操作。 AJAX (Asynchronous JavaScript and XML) 是一种创建动态网页的技术,允许在不重新加载整个页面的情况下更新部分网页内容。jQuery 提供了一个...
### JavaScript与jQuery常用知识点总结 #### 一、JavaScript操作DOM **1. 添加节点** 在JavaScript中,可以通过以下步骤向DOM树中添加新的节点: - 首先使用`document.createElement()`方法创建一个新的元素节点...
### jQuery常用函数总结 在现代Web开发中,jQuery作为一个轻量级、功能强大的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。下面将详细介绍jQuery中的一些常用函数及其应用场景,...
总结,这个“jquery常用插件包”对于前端开发者来说非常有价值,它提供了对话框、菜单和选项卡等常用UI组件的源代码,有助于快速构建具有丰富用户体验的网页应用。同时,对jQuery UI的深入理解和使用,能够提升...
在深入探讨jQuery的常用方法之前,我们先简要回顾一下jQuery是什么。jQuery是一个快速、简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及与服务器交互等任务。通过一个文档对象模型(Document ...
本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在实际项目中的应用。 ### 1. 选择器 选择器是 jQuery 的精髓,它们允许我们高效地选取页面上的 HTML 元素。jQuery 支持多种 CSS 选择器,如 ID ...
### jQuery常用功能详解 #### 一、页面元素的引用 在使用jQuery时,最基础的操作之一就是选择页面上的元素。这通常通过`$()`符号来完成。jQuery的强大之处在于它支持多种选择器语法,比如: - **ID选择器**:通过...
总结,jQuery不仅简化了JavaScript编程,还提供了丰富的功能和强大的性能。通过学习和实践jQuery,你可以构建更具交互性的网页应用,提升用户体验。这个"jQuerydemo"压缩包中的案例,将会是你学习和探索jQuery的宝贵...
### jQuery常用知识点总结以及平时封装常用函数 jQuery是一个快速、小巧、功能丰富的JavaScript库,它通过封装和简化DOM操作、事件处理、动画和Ajax交互,极大地提升了网页开发的效率。本文将详细介绍jQuery中的...
常用工具方法 (1)$.trim $.trim方法用于移除字符串头部和尾部多余的空格。 代码如下: $.trim(‘ Hello ‘) // Hello (2)$.contains $.contains方法返回一个布尔值,表示某个DOM元素(第二个参数)是否为另一...
### js和jquery常用总结 #### 一、$(document).ready()与window.onload的区别及使用场景 **概述**:`$(document).ready()` 和 `window.onload` 是两种在网页加载完成时执行代码的方式,但它们之间存在重要的区别。...
本文将详细解析jQuery中的常用操作方法和函数。 首先,jQuery选择器是其强大功能的核心之一。使用`$(“标签名”)`可以获取HTML元素,类似于JavaScript中的`document.getElementsByTagName()`。例如,`$("p")`会选取...