jquery中的几个注意问题

1 jquery中引用文件，需要引用4个文件。2个css和2个js。但2个js的顺序不能颠倒。不然会报错。正确的顺序如下：
如：<link rel="stylesheet" type="text/css" href="./common/easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="./common/easyui/themes/icon.css">
  
  <script type="text/javascript" language="javascript" src="./common/easyui/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" language="javascript" src="./common/easyui/jquery.easyui.min.js"></script>


jquery-1.7.2.js必须在jquery.easyui.min.js的前面。不然会报错。


2 引用css文件时。必须添加rel属性和type属性。不然会导致不能正确的显示样式。
如：<link rel="stylesheet" type="text/css" href="./common/easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="./common/easyui/themes/icon.css">


3 应用css文件时。link标签不用结尾标签。而引用js文件时。script标签必须有结尾标签</script>不然会导致错误。切记。
如：<link rel="stylesheet" type="text/css" href="./common/easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="./common/easyui/themes/icon.css">
  
  <script type="text/javascript" language="javascript" src="./common/easyui/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" language="javascript" src="./common/easyui/jquery.easyui.min.js"></script>


4 在jsp界面使用jquery的默认处理函数。类似于jquery的load函数。$(function(){...})
如：$(function(){
  $("#combobox1").combobox({
  width:100,
  //height:10,
  panelHeight:"auto",
  valueField:"id",
  textField:"text",
  url:"./json/combobox_json.json"
  });


5 使用combobox时。可以使用input标签，也可以使用select标签。都可以。
如：<input type="text" id="combobox1" name="combobox1" value=""/>
    <br/><br/>
    <select id="select1" name="select1">


-------------js-------
$(function(){
  $("#combobox1").combobox({
  width:100,
  //height:10,
  panelHeight:"auto",
  valueField:"id",
  textField:"text",
  url:"./json/combobox_json.json"
  });
 
  $("#select1").combobox({
  width:100,
  //height:100,
  panelHeight:"auto",
  valueField:"id",
  textField:"text",
  url:"./json/combobox_json.json"
  });
  })


6 combobox的属性中没有height属性。使用也无效。
如：$("#combobox1").combobox({
  width:100,
  //height:10,
  panelHeight:"auto",
  valueField:"id",
  textField:"text",
  url:"./json/combobox_json.json"
  });


7 combobox属性中有valueField属性和textField属性。这是下拉框的值和显示值。
如：$("#combobox1").combobox({
  width:100,
  //height:10,
  panelHeight:"auto",
  valueField:"id",
  textField:"text",
  url:"./json/combobox_json.json"
  });
8 combobox属性中有url属性。该属性可以通过文件来为下拉框赋值。是json文件
如：$("#combobox1").combobox({
  width:100,
  //height:10,
  panelHeight:"auto",
  valueField:"id",
  textField:"text",
  url:"./json/combobox_json.json"
  });
9 combobox中可以通过json文件为下拉框赋值。但是json文件中必须是双引号"符号。而不能是单引号'符号。必须使用双引号才能正确的显示。切记必须使用双引号。为了以后保证正确。统统使用双引号。
如：[{
"id":"123",
"text":"text7"
},
{
"id":"234",
"text":"test8"
}]


10 combobox可以通过json文件赋值。但是json文件的格式是类似于jsonArray格式的。
如：[{
"id":"123",
"text":"text7"
},
{
"id":"234",
"text":"test8"
}]


以上几点是基本的。但也是很重要的。切记。