JQuery入门自学

来源：互联网发布：2016广州人工智能展编辑：程序博客网时间：2024/04/29 01:37

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

0 0