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控件之后