/*获得TEXT.AREATEXT的值*/

var textval = $("#text_id").attr("value");

//或者

var textval = $("#text_id").val();

/*获取单选按钮的值*/

var valradio = $("input[@type=radio][@checked]").val();

/*获取一组名为(items)的radio被选中项的值*/

var item = $('input[@name=items][@checked]').val();

/*获取复选框的值*/

var checkboxval = $("#checkbox_id").attr("value")；

/*获取下拉列表的值*/

var selectval = $('#select_id').val(); 

//文本框，文本区域：

$("#text_id").attr("value",'');//清空内容

$("#text_id").attr("value",'test');//填充内容

//多选框checkbox：

$("#chk_id").attr("checked",'');//使其未勾选

$("#chk_id").attr("checked",true);//勾选

if($("#chk_id").attr('checked')==true) //判断是否已经选中 

//单选组radio： 

$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 

//下拉框select：

$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项

$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option

$("#select_id").empty()；//清空下拉框 

获取一组名为(items)的radio被选中项的值

var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined

获取select被选中项的文本

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二个元素为当前选中值

$('#select_id')[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中值

$('input[@name=items]').get(1).checked = true; 

//重置表单

$("form").each(function(){

.reset();

}); 

1. 选取元素

$(”#myid”)效果等于document.getElementById(”myid”), 但是写的字符要少好多啊. 

如果需要将jQuery对象转换成html元素, 则只需要取其第0个元素即可. 例如$(”#myid”)返回的是jQuery对象, 而$(”#myid”)[0]返回的就是html元素 

如果选择所有的img元素, 那么这么写: $(”img”) 

如果选择带有class=”TextBox”的div元素(<div class=”TextBox”></div>), 那么这么写: $(”div.TextBox”) 

选择带有myattr属性的元素$(”div[myattr]”)

选择带有myattr属性, 并且属性值等于myclass的元素$(”div[myattr='myclass']”)

属性不等于[myattr!='myclass']

属性以my开头[myattr^='my']

属性以class结尾[myattr$='class']

属性包含cla这三个字符[myattr*='cla'] 

如果一个选择会返回多个元素, 并且希望每返回一个元素, 就把某些属性应用到该元素上, 可以这么写

$(”div”).each(function()

{

$(this).css(”background-color”, “#F00″);

alert($(this).html());

$(this).width(”200px”);

}); 

2.事件

给页面加onload事件处理方法

$(function()

{

alert(”页面结构加载完毕, 但是可能某些图片尚未加载(一般情况下, 此事件就够用了)”);

}); 

可以给页面绑定多个onload事件处理方法

$(function()

{

alert(”我首先被执行”);

}); 

$(function()

{

alert(”我第二被执行”);

}); 

绑定特殊事件

$(”#myid”).keydown(function()

{

alert(”触发了keydown事件”);

}); 

除了这些常用的, 不常用的事件需要通过bind方法绑定 

3. 元素属性/方法

得到一个元素的高度, $(”#myid”).height()

得到一个元素的位置, $(”#myid”).offset() 返回的是一个offset对象, 如果取元素位置的top, 则$(”#myid”).offset().top,?取left则$(”#myid”).offset().left

得到一个元素的innerHTML, $(”#myid”).html()

得到一个元素的innerText, $(”#myid”).text()

得到一个文本框的值, $(”#myid”).val()

得到一个元素的属性, $(”#myid”).attr(”myattribute”) 

以上这些方法有个基本特征, 就是不带参数表示取值, 带有参数表示设定值(除了offset), 例如

$(”#myid”).height(”20″);

$(”#myid”).html(”<a href=”>asdasd</a>”)

$(”#myid”).val(”asdasd”) 

需要注意, offset是只读的. 

给一个元素设置属性 $(”#myid”).attr(”width”, “20%”)

读取一个属性 $(”#myid”).attr(”width”)

一次指定多个属性 $(”#myid”).attr({disabled: “disabled”, width:”20%”, height: “30″})

删除属性$(”#myid”).removeAttr(”disabled”) 

应用样式$(”#myid”).addClass(”myclass”)

删除样式$(”#myid”).removeClass(”myclass”) 

加一个样式$(”#myid”).css(”height”, “20px”)

加一组样式$(”#myid”).css({height:”20px”, width:”100px”})

需要注意的是: 如果是加一个样式, 这个样式的名字是css中的名字, 比如说style=”background-color:#FF0000″, 对应的jQuery写法是$(”#myid”).css(”background-color”, “#FF0000″)

但是加一组样式的时候, 样式的名字就是javascript中的css名字了, 比如: myid.style.backgroundColor = “#FF0000″, 对应的jQuery写法是$(”#myid”).css({backgroundColor:”#FF0000″}) 

4. 根据关系查找元素

找和自己同级的下一个元素$(”#myid”).next()

找和自己同级的所有位于自己之下的元素$(”#myid”).nextAll()

找和自己同级的上一个元素$(”#myid”).prev()

找和自己同级的所有位于自己之上的所有元素$(”#myid”).prevAll()

找自己的第一代子元素$(”#myid”).children()

找自己的第一个父元素$(”#myid”).parent()

找自己的所有父元素$(”#myid”).parents()

例子:

$(”div.l4″).parents().each(

function() {

alert($(this).html());

}); 

会把class=l4的div的所有父元素都得到, 并且alert出他们的html 

例子:

$(”div.l4″).parents(”div.l2″).each(function() { alert($(this).html()); });

会得到class=l4的父元素, 该父元素必须是div, 而且其class=l2 

这里说的所有方法, 都可以带表达式, 表达式的写法参考第一部分 

5. 维护元素

在body中增加一个元素

$(”body”).append(”<input type='text' value='asd' />”)

该语句会把这段html插入到body结束标签之前, 结果是<input type='text' value='asd' /></body> 

$(”body”).prepend(”<input type='text' value='asd' />”)

该语句会把这段html插入到body开始标签之后, 结果是<body><input type='text' value='asd' /> 

6.AJAX

用get方法请求一个页面

$.get(”http://www.google.com”, “q=jquery”, function(data, status){alert(data)})

表示请求http://www.google.com, 参数是q, 参数的值是jquery, 请求结束后(不管成功还是失败)执行后面的function, 该function有两个固定参数, data和status, data是返回的数据, status是本次请求的状态 

用post方法请求一个页面

$.post(……..) 参数同get方法 

7.其他方法

$.trim(str) 将str前后空格去掉

$.browser 返回当前用户浏览器的类型

$.browser.version返回当前浏览器的版本 

8. 插件

jQuery支持插件, http://jquery.com/plugins/上面有很多现成的插件, 也可以自己写

自己写插件, 请参考http://docs.jquery.com/Core/jQ.....end#object 和http://docs.jquery.com/Core/jQuery.extend#object 

1,下拉框:

var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)

var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值

var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值

$("#select").empty();//清空下拉框//$("#select").html('');

$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option

稍微解释一下:

1.select[@name='country'] option[@selected] 表示具有name 属性，

并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素；

可以看出有@开头的就表示后面跟的是属性。 

2,单选框:

$("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)

$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格) 

3,复选框:

$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值

$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出

alert($(this).val());

}); 

$("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾

jQuery 取值、赋值的基本方法整理的更多相关文章

  1. jQuery取值/赋值常见方法收集

    1.文本取值.赋值 $("#id").attr("value"); $("#id").val(); $("#id).attr(&q ...

  2. jquery取值赋值

    ("#A").val("1") id为A的值就是1了 jQuery中都这样,赋值的时候作为参数传给函数,和单纯的js有区别,像 $("#A" ...

  3. jquery 取值赋值

    <input type="text" id="range_complete" /> $('#range_complete').val();//取值 ...

  4. label用js，jquery取值赋值，以及怎么在后台取值

    label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: 可以这样: JS: var label=document.getElementByIdx_x("id&qu ...

  5. Jquery 关于span标签的取值赋值用法

    span是最简单的容器,可以当作一个形式标签,其取值赋值方法有别于一般的页面元素. //赋值 $("#spanid").html(value) //取值 $("#span ...

  6. Jquery操作下拉框(DropDownList)实现取值赋值

    Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码 1. 获取选中项: 获取选中项的Value值: $('sele ...

  7. Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢)

    Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢) 1. 获取选中项: 获取选中项的Value值: $('select#sel option:selected').val() ...

  8. JQuery关于span标签的取值赋值

    span取值赋值方法有别于一般的页面元素.JQ://赋值$("#spanid").html("hello world") //取值$("#spanid ...

  9. 选中没有选中的复选框，匹配含有某个字符串的正则，json取值的两种方法，把变量定义在外面跟里面的区别

    一.筛选没有选中的复选框:not("input:checked") 二.匹配有VARCHAR的字符串:".*VARCHAR.*?" 三.json取值的两种方法 ...

  10. winform 批量控件取值赋值

    以前写winform 最多写几个文本框,最近需要入录一个人员信息,那好几十个字段,一下子干蒙了,这要是一个个取值赋值都写到明天了,于是就自己写了个方法,也不是什么高大上的,就是很简单很普通很low的方 ...

随机推荐

  1. ie6-8 avalon2 单页应用项目实战备忘

    坑爹的ie,作为小组leader,尼玛,小伙伴儿们不乐意做的事情,我来做好了..心累... 如果,各位同学有定制开发ie6-8版本的需求,还是尽量不要用单页应用模式了,也不要用avalon这类mvvm ...

  2. 18.scrapy_maitian

    ershoufang.py # -*- coding: utf-8 -*- import scrapy class ErshoufangSpider(scrapy.Spider): name = 'e ...

  3. 02_mybatis开发dao的方法

    MyBatis开发dao的方法 1. SqlSession使用范围 1.1 SqlSessionFactoryBuilder ​ 通过SqlSessionFactoryBuilder创建会话工厂Sql ...

  4. 使用Math.random()函数生成n到m间的随机数字

    使用js生成n到m间的随机数字,主要目的是为后期的js生成验证码做准备,Math.random()函数返回0和1之间的伪随机数 讲解: 本文讲解如何使用js生成n到m间的随机数字,主要目的是为后期的j ...

  5. vue 返回上一页

    参考:https://www.cnblogs.com/chenguiya/p/9118265.html 注:需为history模式 方法一: @click="back" back( ...

  6. UMP系统功能 读写分离

  7. 区间dp——cf1025D二叉搜索树的中序遍历好题！

    这题帮我复习了一下BST的中序遍历.. 因为给定的数组是递增的,那么BST的中序遍历一定是1 2 3 4 5 6 7 8 9 ... n 即[l,r]为左子树,那么根节点就是r+1,反之根节点就是l- ...

  8. 第九章 Odoo 12开发之外部 API - 集成第三方系统

    Odoo 服务器端带有外部 API,可供网页客户端和其它客户端应用使用.本文中我们将学习如何在我们的客户端程序中使用 Odoo 的外部 API.为避免引入大家所不熟悉的编程语言,此处我们将使用基于 P ...

  9. 为什么Java中的String是设计成不可变的？（Why String is immutable in java)

    There are many reasons due to the string class has been made immutable in Java. These reasons in vie ...

  10. 解决git每次输入密码，设置gitlab、github默认push的用户名和密码

    git ssh key配置&解决git每次输入密码   欢迎加入qq群(IT-程序猿-技术交流群):757345416 在使用git时,每次pull/push都需要输入密码,有时大大降低了我们 ...