jQuery对html成分的取值与赋值实例安详严整_jquer

作者: 全球彩票官网下载  发布:2020-01-03

正文实例叙述了jQuery对html元素的取值与赋值方法。分享给大家供大家参谋,具体如下:

Jquery给大旨控件的取值、赋值

var str = $;$.val; //文本框,文本区域:$.attr;//清空内容$.attr;// 填充内容

var str = $;$.text;var valradio = $("input[@type=radio][@checked]").val();var item = $('input[@name=items][@checked]').val();var checkboxval = $.attr;var selectval = $;

多选框checkbox:

$.attr;//使其未勾选$.attr;// 勾选if.attr //判断是否已经选中

单选组radio:复制代码 代码如下:$.attr; //设置value=2的等级次序为近期入选项

$.attr;// 设置value=test的项目为当前选中项$("testtest2").appendTo//添加下拉框的 option$;//清空下拉框

得到生龙活虎组名称叫 的radio被选中项的值复制代码 代码如下:var item = $('input[@name=items][@checked]'State of Qatar.val = undefined获取select被选中项的公文

var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$[0].selectedIndex = 1;

radio单选组的第三个要素为当前选中值复制代码 代码如下:$.get.checked = true;

$.each;});

补充:

jQuery对form表单成分的取值与赋值:

$效果相当document.getElementById, 可是写的字符要少多数啊.

如果须求将jQuery对象调换来html成分, 则只供给取其第0个因素就能够. 举个例子$重临的是jQuery对象, 而$[0]归来的便是html成分

万生机勃勃选取具备的img成分, 那么那样写: $

只要选择带有的div成分, 那么这么写: $

分选带有myattr属性的要素$选取带有myattr属性, 而且属性值等于myclass的成分$("div[myattr='myclass']"卡塔尔国属性不等于[myattr!='myclass']属性以my开头[myattr^='my']属性以class结尾[myattr$='class']天性包罗cla那多个字符[myattr*='cla']

举个例子一个抉择会回到八个要素, 而且希望每重回三个成分, 就把一些品质应用到该因素上, 能够那样写

$.each.css("background-color", "#F00″);alert;$;});

给页面加onload事件管理方法

${alert("页面结构加载完毕, 但是可能某些图片尚未加载;

能够给页面绑定多少个onload事件管理方法

${alert;${alert;

$.keydown{alert;

而外那些常用的, 有的时候用的事件供给通过bind方法绑定

获取一个成分的万丈, $获得三个成分的职位, $ 再次来到的是贰个offset对象, 假设取成分地点的top, 则$.top,?取left则$.left获得一个要素的innerHTML, $拿到三个成分的innerText, $获得二个文本框的值, $得到三个因素的性质, $.attr

如上那个艺术有个基本特征, 就是不带参数表示取值, 带有参数表示设定值, 举个例子

$;$.html("需要注意, offset是只读的.给一个元素设置属性复制代码 代码如下:$.attr读取一个属性复制代码 代码如下:$.attr一次指定多个属性复制代码 代码如下:$.attr({disabled: "disabled", width:"20%", height: "30″})删除属性复制代码 代码如下:$.removeAttr应用样式复制代码 代码如下:$.addClass删除样式复制代码 代码如下:$.removeClass加一个样式复制代码 代码如下:$.css加一组样式复制代码 代码如下:$.css({height:"20px", width:"100px"})需要注意的是: 如果是加一个样式, 这个样式的名字是css中的名字, 比如说style="background-color:#FF0000″, 对应的jQuery写法是复制代码 代码如下:$.css("background-color", "#FF0000″)但是加一组样式的时候, 样式的名字就是javascript中的css名字了, 比如: myid.style.backgroundColor = "#FF0000″, 对应的jQuery写法是复制代码 代码如下:$.css({backgroundColor:"#FF0000″})4. 根据关系查找元素找和自己同级的下一个元素复制代码 代码如下:$找和自己同级的所有位于自己之下的元素复制代码 代码如下:$找和自己同级的上一个元素复制代码 代码如下:$找和自己同级的所有位于自己之上的所有元素复制代码 代码如下:$找自己的第一代子元素复制代码 代码如下:$找自己的第一个父元素复制代码 代码如下:$找自己的所有父元素复制代码 代码如下:$$.each {alert;

会把class=l4的div的具备父成分都拿到, 并且alert出他们的html

事例:复制代码 代码如下:$.parents.each { alert;会赢得class=l4的父成分, 该父成分必需是div, 况且其class=l2

此地说的有所办法, 都能够带表明式, 表明式的写法参照他事他说加以侦察第大器晚成局部

在body中追加贰个要素复制代码 代码如下:$.append(""卡塔尔(قطر‎该语句会把这段html插入到body甘休标签在此之前, 结果是

复制代码

代码如下:$.prepend(""卡塔尔该语句会把这段html插入到body带头标签之后, 结果是

用get方法央浼叁个页面复制代码 代码如下:$.get("", "q=jquery", function{alert表示恳求, 参数是q, 参数的值是jquery, 央浼结束后进行后边的function, 该function有八个定点参数, data和status, data是回到的数额, status是此番央浼的事态

用post方法伏乞四个页面$.post 参数同get方法

$.trim 将str前后空格去掉$.browser 重临当前客户浏览器的花色$.browser.version重返当前浏览器的本子

jQuery扶助插件, , 也能够协和写本身写插件, 请参照他事他说加以考查 和

var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值var cc3 = $('.formc select[@name="country"]').attr; //得到下拉菜单的选中项的ID属性值$;//清空下拉框//$;$("1111").appendTo//添加下拉框的option

select[@name='country'] option[@selected] 表示具有name 属性,并且该属性值为'country' 的select成分 里面包车型大巴富有selected 属性的option 元素;能够见到有@初始的就代表前面跟的是性质。

$("input[@type=radio][@checked]").val(); //得到单选框的选中项的值$("input[@type=radio][@value=2]").attr; //设置单选框value=2的为选中状态.

$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值$("input[@type=checkbox][@checked]").each{ //由于复选框一般选中的是多个,所以可以循环输出 alert;$.attr;//不打勾$.attr;//打勾if.attr==undefined){} //判断是否已经打勾

企望本文所述对大家jQuery程序设计有所帮忙。

本文由全球彩票历史版本发布于全球彩票官网下载,转载请注明出处:jQuery对html成分的取值与赋值实例安详严整_jquer

关键词:

上一篇:jQuery中trigger用法分析_jquery_脚本之家
下一篇:没有了