jquery衝突的關鍵字nodeName、nodeValue和nodeType！

轉自：https://blog.csdn.net/hdfyq/article/details/52805836

【原因】在工做流數據庫設計的時候，  都節點管理的功能。  結果有2個字段爲  NODE_TYPE， NODE_NAME， 在編輯的時候，form表單load出現問題， 字段爲nodeType和nodeName的input框， 都報錯。。。。

 

轉載一文章：不應被遺忘的nodeName、nodeValue和nodeType！-五嶽之巔-ChinaUnix博客
http://blog.chinaunix.net/uid-22414998-id-2199425.html

---------------------如下爲轉載-----------------------------------------------------------------------------

 

nodeName、nodeValue 以及 nodeType 包含有關於節點的信息。

 

(一)nodeName 屬性含有某個節點的名稱。

元素節點的 nodeName 是標籤名稱

屬性節點的 nodeName 是屬性名稱

文本節點的 nodeName 永遠是 #text

文檔節點的 nodeName 永遠是 #document

註釋：nodeName 所包含的 XML 元素的標籤名稱永遠是大寫的

 

(二)nodeValue

對於文本節點，nodeValue 屬性包含文本。

對於屬性節點，nodeValue 屬性包含屬性值。

nodeValue 屬性對於文檔節點和元素節點是不可用的。

 

(三)nodeType

nodeType 屬性可返回節點的類型。

最重要的節點類型是：

元素類型 節點類型

元素element 1

屬性attr 2

文本text 3

註釋comments 8

文檔document 9

 

(四)因此，看jQuery手冊的一個實例:

示例描述:查找全部文本節點並加粗
HTML 代碼:

Hello John, how are you doing?

 

jQuery 代碼:$("p").contents().not("[nodeType=1]").wrap("");

 

結果:

Hello John, how are you doing?

 

實例中，nodeType也是屬性值，不等於1就是說選擇p內的子節點裏不是html標記的東西。因此，記錄下來備忘。

 

---------------------如下爲轉載-----------------------------------------------------------------------------

轉載2:JQuery 實踐問題 - toLowerCase 錯誤 - acooly - ITeye技術網站
http://acooly.iteye.com/blog/1882726

 

在應用JQuery+easyui開發的項目的時候，今天忽然在一個模塊報錯：

Chome下：

Uncaught TypeError: Object #<HTMLInputElement> has no method 'toLowerCase'

IE下：

 

SCRIPT438: 對象不支持「toLowerCase」屬性或方法 

jquery-1.8.3.js, 行1719 字符3

 

鬱悶好久，下載JQuery源代碼調試，更換版本，調整DOCTYPE，都沒有辦法解決，並且最怪的是隻有這個模塊，其餘模塊都是正常的，冷靜下來判斷可能問題出在該模塊上。因而仔細的分析該報錯的簡單頁面。以下

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/manage/common/taglibs.jsp"%>
<div align="center">
    <form id="manage_flownode_editform" action="url" method="post">
      <jodd:form bean="flowNode" scope="request">
        <input name="id" type="hidden" />
        <table class="tableForm" width="100%">
      <tr>
        <th width="30%">節點名稱：</th>
        <td><input type="text" name="nodeName" class="easyui-validatebox" data-options="required:true" validType="length[1,32]"/></td>
      </tr>
        </table>
      </jodd:form>
    </form>
</div>

 

    因而逐一刪減代碼分析，發現問題出在一個表單的命名上：

     <input type="text" name="nodeName" class="easyui-validatebox" data-options="required:true" validType="length[1,32]"/>修改nodeName爲其餘名稱後，問題解決。我靠~ 浪費了3，4個小時啊。兄弟們，千萬不要命名錶單的名稱爲nodeName啊。