jquery控件,jquery组件
如何给某个控件赋值 jquery
这篇文章主要介绍通过Jquery如何给基本控件的取值、赋值,需要的朋友可以参考下
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、网络空间、营销软件、网站建设、满城网站维护、网站推广。
TEXTBOX:
var str
=$("#txt").val();
$("#txt").val(Value);
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
LABLE:
var str
=$("#lbl").text();
$("#lbl").text(Value);
/*获取单选按钮的值*/
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();
//多选框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的项目为当前选中项
$("testtest2").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();
});
以下是设置img的路径
$("#img1").attr("src","Imges/test.jpg");
jquery 表格控件怎么使用
1、使用简单、扩展方便。
2、表格样式可自定义,只需修改相应的CSS样式即可。
3、支持行点击事件自定义。
4、支持复选框选择行。
5、执行列排序(支持数字、日期时间、英文、汉字等)。
6、支持自定义行按钮及按钮事件(如编辑、删除按钮等)
7、支持自定义数据的显示样式(根据当前数据或当前行数据)
8、支持分页显示数据,且在插件内部实现分页处理。
二、使用说明
该插件的使用,基本只需两个步骤即可,一个是表格的声明(创建),然后就是数据的加载。
1、表格的声明(创建)
var objTable = new HyTable({
columns: [
{name: '姓名', mapping: 'username', type: 'string', width: '100', allowSort: true, renderer: function(val){return val;}}
], //(array)列信息
emptyMsg: "暂无数据", //(string)无数据时的提示信息
renderTo: "", //(string)表格容器,必须是HTML元素的ID属性值
model: 'remote', //(string)模式,远程(remote)or本地(local)
url: '', //(string)远程模式的获取数据的url地址
allowPaging: true, (bool)//是否分页
pageSize: 20, //(int)每页显示的行数
checkSelected: false, //(bool)复选框选择
selectedField: "", //(string)复选框选中字段
stripeRows: false, //(bool)是否启用隔行变色 默认不启用
onRowClick: null //(function)行点击事件
});
2、表格数据的加载
objTable.loadData(1,data);//第一个参数为加载页的页索引,第二个参数有两种情况,1:如果参数内容是JSON对象,则表示是查询的查询条件,如果是数据,则表示直接加载本地数据到表格中。
Jquery怎么向新窗口写入控件?
$(win.document).find("body").append(button);
$(win.document).find("body").append("aaaaaaa");
这俩句的区别就是,"aaaaaaa"是实际能容,button是变量。但执行的是新窗口,button的值确实在原窗口定义的。因此新窗口虽然执行了append的函数,却无法获取到button值,他只能在他窗口内调用变量。
jquery日期控件设置只能选每月的1号
网络不好。使用jquery日期控件设置日期时,会自动连接网络进行查找日期,网络不好就会出现只有每月的1号可以选的现象,只要连接较好的网络即可解决。
如何使用jquery动态创建一个select控件
jquery文档操作的append()或 appendTo()方法可以在被选元素的结尾插入内容,因此可用于动态创建select控件
$("div").append("select/select"); // 在已经存在的div标签下创建select元素
$("option/option").appendTo($("select")); // 为select元素添加option选项
实例演示:动态创建一个含有两个选项——“黑”“白”的select控件,并默认选中“白”这个选项
示例代码如下
创建Html元素
div class="box"
span点击按钮后创建select标签,并默认选中“白”这个选项:/spanbr
div class="content"/div
input type="button" value="创建select标签"
/div
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
select{width:150px;height:30px;border:1px solid #6699FF;}
编写jquery代码
$(function(){
$("input:button").click(function() {
// 创建select
$("div.content").append("select/select");
// 添加选项
$("option/option").val('0').text("黑").appendTo($("select"));
$("option/option").val('1').text("白").appendTo($("select"));
// 设置默认选项
$("select").val('1');
})
})
观察效果
初始状态
点击按钮创建select控件之后
当前标题:jquery控件,jquery组件
文章分享:http://scyanting.com/article/hocidg.html