刚开始学?fn)jQueryQ可能一时会(x)分不清楚哪些是jQuery对象Q哪些是DOM对象。至于DOM对象不多解释Q我们接触的太多了，下面重点介绍一下jQueryQ以及两者相互间的{换?/p>
什么是jQuery对象Q?/strong>
---是通过jQuery包装DOM对象后生的对象。jQuery对象是jQuery独有的，其可以用jQuery里的Ҏ(gu)?/p>
比如Q?/p>
$("#test").html() 意思是指：(x)获取ID为test的元素内的html代码。其中h(hun)tml()是jQuery里的Ҏ(gu)
q段代码{同于用DOM实现代码Q?/p>
| document.getElementById("id").innerHTML; |
虽然jQuery对象是包装DOM对象后生的Q但是jQuery无法使用DOM对象的Q何方法，同理DOM对象也不能用jQuery里的Ҏ(gu). ׃用会(x)报错。比如：(x)$("#test").innerHTML、document.getElementById("id").html()之类的写法都是错误的?/p>
q有一个要注意的是Q用#id作ؓ(f)选择W取得的是jQuery对象与document.getElementById("id")得到的DOM对象Q这两者ƈ不等仗请参看如下说的两者间的{换?/p>
既然jQuery有区别但也有联系Q那么jQuery对象与DOM对象也可以相互{换。在再两者{换前首先我们l一个约定：(x)如果一个获取的?jQuery对象Q那么我们在变量前面加上$Q如Qvar $variab = jQuery对象Q如果获取的是DOM对象Q则与习(fn)惯普通一P(x)var variab = DOM对象Q这么约定只是便于讲解与区别Q实际用中q不规定?/p>
jQuery对象转成DOM对象Q?/strong>
两种转换方式一个jQuery对象转换成DOM对象Q[index]?get(index);
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象?/p>
如：(x)var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //这个checkbox是否被选中
(2)jQuery本n提供Q通过.get(index)Ҏ(gu)Q得到相应的DOM对象
如：(x)var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //这个checkbox是否被选中
DOM对象转成jQuery对象:
对于已经是一个DOM对象Q只需要用$()把DOM对象包装hQ就可以获得一个jQuery对象了?(DOM对象)
如：(x)var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象
转换后，可以Q意用jQuery的方法了?/p>
通过以上Ҏ(gu)Q可以Q意的怺转换jQuery对象和DOM对象。需要再注意的是QDOM对象才能使用DOM中的Ҏ(gu)QjQuery对象是不可以用DOM中的Ҏ(gu)?/p>
$.suggest = function(input, options) {
var $input = $(input).attr("autocomplete", "off");
var $results;
var timeout = false; // hold timeout ID for suggestion results to appear
var prevLength = 0; // last recorded length of $input.val()
var cache = []; // cache MRU list
var cacheSize = 0; // size of cache in chars (bytes?)
if($.trim($input.val())=='' || $.trim($input.val())=='中文/拼音') $input.val('中文/拼音').css('color','#aaa');
if( ! options.attachObject )
options.attachObject = $(document.createElement("ul")).appendTo('body');
$results = $(options.attachObject);
$results.addClass(options.resultsClass);
resetPosition();
$(window)
.load(resetPosition) // just in case user is changing size of page while loading
.resize(resetPosition);
$input.blur(function() {
//失去焦点时不用选中
//selectCurrentResult();
//$results.hide();
});
$input.focus(function(){
if($.trim($(this).val())=='中文/拼音'){
$(this).val('').css('color','#000');
}
if($.trim($(this).val())==''){
displayItems('');//昄热门酒店列表
}
});
$input.click(function(){
var q=$.trim($(this).val());
displayItems(q);
ShowMark1();
// $(this).select();
});
// help IE users if possible
try {
$results.bgiframe();
} catch(e) { }
$input.keyup(processKey);//
function resetPosition() {
// requires jquery.dimension plugin
var offset = $input.offset();
$results.css({
top: (offset.top + input.offsetHeight) + 'px',
left: offset.left + 'px'
});
}
function processKey(e) {
// handling up/down/escape requires results to be visible
// handling enter/tab requires that AND a result to be selected
if ((/27$|38$|40$/.test(e.keyCode) && $results.is(':visible')) ||
(/^13$|^9$/.test(e.keyCode) && getCurrentResult())) {
if (e.preventDefault)
e.preventDefault();
if (e.stopPropagation)
e.stopPropagation();
e.cancelBubble = true;
e.returnValue = false;
switch(e.keyCode) {
case 38: // up
prevResult();
break;
case 40: // down
nextResult();
break;
case 13: // return
selectCurrentResult();
break;
case 27: // escape
$results.hide();
break;
}
} else if ($input.val().length != prevLength) {
if (timeout)
clearTimeout(timeout);
timeout = setTimeout(suggest, options.delay);
prevLength = $input.val().length;
}else if(e.keyCode!=this.keyCode){
if (timeout)
clearTimeout(timeout);
timeout = setTimeout(suggest, options.delay);
prevLength = $input.val().length;
}
}
function suggest() {
var q = $.trim($input.val());
displayItems(q);
}
function displayItems(items) {
var html = '';
if (items=='') {//热门城市遍历
for(h in options.hot_list){
html+='<li rel="'+options.hot_list[h][0]+'"><a href="#'+h+'">'+options.hot_list[h][1]+'</a></li>';
}
html='<div class="gray ac_result_tip">误入中?拼音或?#8593;↓选择</div><ul>'+html+'</ul>';
}
else {
/*if (!items)
return;
if (!items.length) {
$results.hide();
return;
}*/
for (var i = 0; i < options.source.length; i++) {//酒店
var reg = new RegExp('.*?' + items + '.*?', 'im');//var reg = new RegExp('^' + items + '.*$', 'im');
if (reg.test(options.source[i][0]) || reg.test(options.source[i][1]) || reg.test(options.source[i][2]) || reg.test(options.source[i][3])) {
html += '<li rel="' + options.source[i][0] + '"><a href="#' + i + '" >' + options.source[i][1] + '</a></li>';
}
}
if (html == '') {
suggest_tip = '<div class="gray ac_result_tip">对不P找不刎ͼ(x)' + items + '</div>';
}
else {
suggest_tip = '<div class="gray ac_result_tip">' + items + 'Q按拼音排序</div>';
}
html = suggest_tip + '<ul>' + html + '</ul>';
}
$results.html(html).show().bgiframe();
$results.children('ul').children('li:first-child').addClass(options.selectClass);
$results.children('ul')
.children('li')
.mouseover(function() {
$results.children('ul').children('li').removeClass(options.selectClass);
$(this).addClass(options.selectClass);
})
.click(function(e) {
e.preventDefault();
e.stopPropagation();
selectCurrentResult();
HideMark1();
});
}
function getCurrentResult() {
if (!$results.is(':visible'))
return false;
var $currentResult = $results.children('ul').children('li.' + options.selectClass);
if (!$currentResult.length)
$currentResult = false;
return $currentResult;
}
function selectCurrentResult() {
$currentResult = getCurrentResult();
if ($currentResult) {
$input.val($currentResult.children('a').html().replace(/<span>.+?<\/span>/i,''));
$results.hide();
if( $(options.dataContainer) ) {
$(options.dataContainer).val($currentResult.attr('rel'));
}
if (options.onSelect) {
options.onSelect.apply($input[0]);
}
}
}
function ss()
{
alert("点击li");
}
function nextResult() {
$currentResult = getCurrentResult();
$currentResult.removeClass(options.selectClass);
if ($currentResult.next().is("li"))
$currentResult.next().addClass(options.selectClass);
else
$results.children('ul').children('li:first-child').addClass(options.selectClass);
}
function prevResult() {
$currentResult = getCurrentResult();
$currentResult.removeClass(options.selectClass);
if ($currentResult.prev().is("li"))
$currentResult.prev().addClass(options.selectClass);
else
$results.children('ul').children('li:last-child').addClass(options.selectClass);
}
}
$.fn.suggest = function(source, options) {
if (!source)
return;
options = options || {};
options.source = source;
options.hot_list=options.hot_list || [];
options.delay = options.delay || 0;
options.resultsClass = options.resultsClass || 'ac_results';
options.selectClass = options.selectClass || 'ac_over';
options.matchClass = options.matchClass || 'ac_match';
options.minchars = options.minchars || 1;
options.delimiter = options.delimiter || '\n';
options.onSelect = options.onSelect || false;
options.dataDelimiter = options.dataDelimiter || '\t';
options.dataContainer = options.dataContainer || '#SuggestResult';
options.attachObject = options.attachObject || null;
this.each(function() {
new $.suggest(this, options);
});
return this;
};
})(jQuery);
]]>
]]>
var tempStr = "";
var filePath= document.all.upfile.value;
var oXL = new ActiveXObject("Excel.application");
var oWB = oXL.Workbooks.open(filePath);
oWB.worksheets(1).select();
var oSheet = oWB.ActiveSheet;
try{
for(var i=3;i<654;i++){
//if(oSheet.Cells(i,2).value =="null" || oSheet.Cells(i,3).value =="null" )
//break;
//var a = oSheet.Cells(i,2).value.toString()=="undefined"?"":oSheet.Cells(i,2).value;
tempStr+=(oSheet.Cells(i,2).value.replace(/\s/g,'')+"="+oSheet.Cells(i,3).value.replace(/\s/g,'')+"\n");
}
}
catch(e){
//alert(e);
document.all.txtArea.value =tempStr;
}
document.all.txtArea.value =tempStr; oXL.Quit();
CollectGarbage();
}
</script>
<html>
<input type="file" id="upfile" />
<input type="button" onclick="readThis();" value="d"><br>
<textarea id="txtArea" cols=500 rows=100></textarea>
</html>
]]>
]]>
function date2str(n){
var s, d, t, t2;
t = new Date().getTime();
t2 = n * 1000 * 3600 * 24;
t+= t2;
d = new Date(t);
s = d.getUTCFullYear() + "-";
s += ("00"+(d.getUTCMonth()+1)).slice(-2) + "-";
s += ("00"+d.getUTCDate()).slice(-2);
return s;
}
2.计算l定日期后的N?/span>
function str2date(str,n){
var dd, mm, yy;
var reg = /^(\d{4})-(\d{1,2})-(\d{1,2})$/;
if (arr = str.match(reg)) {
yy = Number(arr[1]);
mm = Number(arr[2])-1;
dd = Number(arr[3]);
} else {
var d = new Date();
yy = d.getUTCFullYear();
mm = ("00"+(d.getUTCMonth())).slice(-2);
dd = ("00"+d.getUTCDate()).slice(-2);
}
return date2str(yy, mm, dd,n);
}
3.计算l定日期后的N?/span>
function date2str(yy, mm, dd,n) {
var s, d, t, t2;
t = Date.UTC(yy, mm, dd);
t2 = n * 1000 * 3600 * 24;
t+= t2;
d = new Date(t);
s = d.getUTCFullYear() + "-";
s += ("00"+(d.getUTCMonth()+1)).slice(-2) + "-";
s += ("00"+d.getUTCDate()).slice(-2);
return s;
}
]]>