前端jquery一些基本语法

$("input[name=当前文本框的name]:checked").val()--获取文本框的值
$("input[name=当前文本框的name]:input").val() --文本框取值
$("#文本框id").val() --- 获取文本框值

JSON.stringify(obj) --将集合转换成字符窜

var myObject=[{name: ‘dahuang‘ , id: 2 },{name:‘dahuang2‘,id:3},{name:‘dahuang3‘,id:4}] ----声明一个 对象的集合

JSON.stringify(对象); //对象转换字符串
JSON.parse(字符串); //字符串转对象

对象名["属性名"] = 属性值;// 对象中加一个属性
$(obj).attr("属性名", "属性值");修改属性值

----清空表单内容
($("#选择器"))[0].reset();

-----js中的replaceall------------------------------------------------------
str.replace(new RegExp(/(要转内容)/g),‘想转内容‘)

-----最常规的一个ajax-------------------------------------------------
$.ajax({
url: "./TestXHR.aspx", //请求地址
type: "POST", //请求方式
data: { name: "super", age: 20 }, //请求参数
dataType: "json",
success: function (response) {
// 此处放成功后执行的代码
alert(1);
},
error: function (status) {
alert(2);
// 此处放失败后执行的代码
}
});

-----------------------------------------------
-------------------------------------------------
----两个界面, 界面1获取界面2的值 返回到ids中 (例子:CDCPro singlePage :jhbbldjglk.jsp和zzlist.jsp )

--界面1的function代码
function myclick3()
{
var ids = window.showModalDialog(‘mytest1.jsp‘,null,‘dialogWidth=1000px;dialogHeight=1000px‘);
}
--界面2的function代码
function test55(){
window.returnValue = "asdasda";

window.close();
}

----------------------------------------------------------
-----------------------------------------------------------
--- 获取table 的第i行第j列的值

$(‘#mytable tr‘).each(function (i) {
var td[i]=$(this).children(‘td‘).eq(0).html(); //获取table

}

});

-----------------------------页面加载时 添加onchange事件

$(document).ready(function () {

$("#sTwo").combobox({

onChange: function (n,o) {

alert("我是老大!");

}

});

});

-----------------------
/* //遍历td循环获取报告卡编号
i=i+1;
var bgkbh="";
$(‘#mytable tr‘).each(function (t) {
if(i==t){
bgkbh=$(this).children(‘td‘).eq(0).html(); //获取table
}
});
*/

------------------------js转码(中文----》乱码)
var GB2312UnicodeConverter = {
ToUnicode: function (str) {
return escape(str).toLocaleLowerCase().replace(/%u/gi, ‘\\u‘);
}
, ToGB2312: function (str) {
return unescape(str.replace(/\\u/gi, ‘%u‘));
}
};
新建方法,直接调用 GB2312UnicodeConverter.ToUnicode(str);

-------乱码转回中文。 decodeURI(str);

-------------遍历test1 from中的所有input
$(‘#test1 input‘).each(function(){
alert(i);
i=i+1;
var name = this.name;
alert(name);
});

时间: 2024-11-25 19:13:56

前端jquery一些基本语法的相关文章

Web前端JQuery基础

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

07 前端--JQuery

目录 一.JQuery介绍 二.JQuery的优势 三.JQuery 内容 四.JQuery对象 五.JQuery创建对象 六.JQuery的基础语法 6.1 基本元素选择器 6.2 基本元素筛选器 七.属性选择器 八.筛选器方法 8.1 查找(find) 8.2 筛选(filter) 九.表单元素选择器 十.表单对象属性 十一.操作标签 11.1 样式操作(CSS) 11.2 位置操作 11.3 尺寸操作 11.4 文本操作 11.5 属性操作 11.6 porp和attr的区别 11.7 文

ASP.NET 登录中Cookies和验证和前端Jquery

1.登陆中的验证问题 登录中用户名和密码的判断,一是怎么判断,需要调用业务逻辑层的判断方法,这里是单独拿出一个层Controls来进行授权和登录的验证.那怎么进行验证结果的返回,正确进入下个页面错误返回登录页面,首先想到的放法写一个bool的方法,正确进入下一个页面,错误返回登录页面.这里用的一个比较专业的方法是在Controls设置一个数据返回接口类DataResult.cs里面定义好code,Message,Data分别用于进行登录验证,错误信息返回,数据返回(这里暂时用不到)至于为什么这样

jQuery链式语法演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta htt

11 回顾前端JQuery

二.jQuery是什么 jQuery由美国人John Resig创建,至今已经吸引了来自实践各地的众多javascript高手加入其team jQuery是继prototype之后又一个优秀的JavaScript框架,其宗旨是----WRITE LESS,DO MORE! 它是轻量级的JS库(压缩后只有21K),这是其他JS库所不及的,它兼容CSS3,还兼容各种浏览器 jQuery是一个快速的,简洁的JavaScript库,使用户能更方便处理HTMLdocuments,events,实现动画效果

python前端jQuery高级

知识点预习1.jQuery事件冒泡2.事件委托 3.元素节点操作 4.正则表达式及表单验证实例 01- submit事件 //监听 提交的事件 $("form").submit(function (abc) { //阻止系统的默认行为 // abc.preventDefault(); return false; }) 事件冒泡的原理在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件

jquery first选择器 语法

jquery first选择器 语法 作用::first 选择器选取第一个元素.最常见的用法:与其他元素一起使用,选取指定组合中的第一个元素(就像上面的例子).直线电机滑台 语法:$(":first") jquery first选择器 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jque

jquery error()方法 语法

jquery error()方法 语法 作用:当元素遇到错误(没有正确载入)时,发生 error 事件.error() 方法触发 error 事件,或规定当发生 error 事件时运行的函数.该方法是 bind('error', handler) 的简写方式.直线模组 触发error事件语法:$(selector).error() 将函数绑定到error事件语法:$(selector).error(function) 参数: 参数 描述 function     可选.规定当发生 error 事

jquery pageX属性 语法

jquery pageX属性 语法 作用:pageX() 属性是鼠标指针的位置,相对于文档的左边缘.大理石构件来图加工 语法:event.page 参数: 参数 描述 event     必需.规定要使用的事件.这个 event 参数来自事件绑定函数.  jquery pageX属性 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jq