JQuery入门自学

第一节 点击元素 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];
 }