第一节 点击元素 a 时,弹出hello World!
<a>你好!</a> </span>
<script type="text/javascript">
$(document).ready(function () {
$("a").click(function () {
alert('hello world!');
});
});
</script>
第二节 Body元素变身
<form id="form1" runat="server"> <p>one</p>
<div>
<p>two</p>
</div>
<p>three</p>
<a href="#" id="test" οnclick="jp()">Jquery</a></form>
<script type="text/javascript">
function jp() {
alert($("<div>p").html());//1.当点击id为test的元素时,弹出对话框文字为two,即div标签下p元素的内容
$("<div><p>Hello World!</p></div>").appendTo("body");//2.当点击id为test的元素时,向body中添加“<div><p>Hello</p></div>
$("#test").after("<b>hello1</b>");//3.当点击id为test的元素时,JQuery替换为hello1
$("#test").append("<b>hello2</b>");//4.当点击id为test的元素时,JQuery后加上hello2
$("#test").empty();//5.当点击id为test的元素时,移出匹配对象;remove(),移除匹配对象
$(form1.elements).hide();//当点击id为test的元素时,隐藏form1表单中的所有元素
}
</script>
第三节 确定浏览器类型
$(function () {
if ($.browser.msie) {
alert("这是一个IE浏览器");
} else if ($.browser.opera) {
alert("这是一个opera浏览器"); }
})<
ComboBox下拉框表单:
$('#' + Farm, p).combobox({//选择id=Farm的下拉框
valueField: 'ID',//valueField,textField,loader为属性,赋值:<span style="font-family: Arial, Helvetica, sans-serif;">valueField:'ID',</span>
textField: 'NAME',
loader: function (param, success, error) {//loader:从远程服务器加载数据
tzhSoft.submit({
url: '/Handle/breed.ashx',
data: { Method: 'GetInfo'},
success: function (d) {
success(d.data);
}, error: function () {
error.apply(this, arguments);
}
});
},//初始化栏舍
onSelect: function (item) {//onSelect为事件,声明格式:onSelect:function(){};
if (House != null) {
$('#' + House, p).combobox({
valueField: 'ID',
textField: 'HOUSENO',
loader: function (param, success, error) {
tzhSoft.submit({
url: '/Handle/breed.ashx',
data: { Method: 'GetHouse', param: item.ID, temp: '1' },
success: function (d) {
success(d.data);
}, error: function () {
error.apply(this, arguments);
}
});
}
});
}
}
});
获取下拉框的值:
var texts = $('#HOUSEID').combobox('getText').split(',');
var values = $('#HOUSEID').combobox('getValues');//格式为:['001', '002']
设置下拉框的值:
$('#HOUSEID', p).combobox('setValues', v.value.HOUSEID.split(','));
将值复制到数组中:
var newObj = [];
for (var l = 0; l < values.length; ++l) {
newObj[l] = {};
for (var k in o[0]) {
eval('newObj[l].' + k + ' = o[0].' + k);
}
newObj[l].HOUSENO = texts[l];
newObj[l].HOUSEID = values[l];
}