JS jQuery 赋值取值整理

js给img的src赋值
不用Jquery时:document.getElementById("imageId").src = "xxxx.jpg";
用Jquery时:$("#imageId").attr("src","xxxx.jpg");
给img属性alt赋值:document.getElementById("imageId").alt = "xxxx图片";
Base64 在CSS中的使用
.demoImg{ background-image: url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...."); }
Base64 在HTML中的使用
<img width="40" height="30" src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />
js给div或者td赋值
document.getElementById("div2").innerText="值";
document.getElementById("div2").innerHTML="值";
js给input框赋值
如下所示,是一个文本框的html代码,实际开发中,要涉及到将数据库中的数据取出然后放入input框中。

<input  id="name"  name="teacherName" type="text"  />
通过以下js代码可以实现对input文本框进行赋值,以下方法分别针对不同的情况,但是前两种是通用的。
                $('#name1').val('值');
                document.getElementById('name').value='值';
                document.getElementById('name').html('值');
                document.getElementById('name').attr('值');
                document.getElementById('name').innerText = '值';

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 
获 取一组radio被选中项的值 

var item = $('input[@name=items][@checked]').val(); 
获 取select被选中项的文本 
var item = $("select[@name=items] option[@selected]").text(); 
select下拉框的第二个元素为当前选中值 
$('#select_id')[0].selectedIndex = 1; 
radio单选组的第二个元素为当前选中值 
$('input[@name=items]').get(1).checked = true; 

获取值: 

文本框,文本区域:$("#txt").attr("value"); 
多选框 checkbox:$("#checkbox_id").attr("value"); 
单选组radio:   $("input[@type=radio][@checked]").val(); 
下拉框select: $('#sel').val(); 

控制表单元素: 
文本框,文本区域:$("#txt").attr("value",'');//清空内容 
$("#txt").attr("value",'11');//填充内容 

多选框checkbox: $("#chk1").attr("checked",'');//不打勾 
$("#chk2").attr("checked",true);//打勾 
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 

单选组 radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 
下拉框 select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 
$("#sel").empty();//清空下拉框

猜你喜欢

转载自blog.csdn.net/qq_36135335/article/details/82184048
今日推荐