lhgcore框架使用说明.doc

lhgcore JS 框架使用说明 lhgcore核心函数： lhgcore的核心功能都是通过这个函数实现的。这个函数最基本的用法就是向它传递一个元素id，然后根据这个元素的id来查找所匹配的元素。– 要查找元素的id。 document – 指定的页面的document对象。 返回：匹配lhgcore对象。 默认情况下, 如果没有指定document参数，J()将在当前的 HTML document中查找 DOM 元素，如果指定了document参数，那就会在这个指定的其它页面的HTML document中查找DOM元素。参数id还有3种特例情况： 如果id 为’body’则代表对document.body对象进行操作。 如果id 为’doc’则代表对document对象进行操作。’#+id’则可直接返回匹配描述：查找id为’abc’的元素并取它的innerHTML值”abc”lhgcore/div lhgcore代码： J(‘abc’).html() 结果： ’lhgcore’ 2. 描述：获取指定页面的document.body的innerHTML值。 html代码： body iframe id=”frm” src=”test.html” frameborder=”0”/iframe /body lhgcore代码： var inndoc = J(‘#frm’).contentWindow.document; J(‘body’,inndoc); 结果： test.html页面的body的innerHTML值。 3. 描述：在当前页面创建新的元素div。 lhgcore代码： J(‘doc’).crte(‘div’); 4. 描述：直接返回id匹配”abc”lhgcore/div lhgcore代码： J(‘#abc’) 结果： 返回id为’abc’的div元素对象 5. 描述：多个功能函数连续使用 html代码： div id=”abc”lhgcore/div lhgcore代码： J(‘abc’).html(‘jser’).attr(‘alt’,’132’).stcs(‘width’,’200px’); 结果： div id=”abc” alt=”132” style=”width:200px”jser/div lhgcore核心函数功能列表： html(val)：取得或设匹配元素的html内容参数：val - 。示例： html代码： p id=abclhgcore/plhgcore代码： 1. J(‘abc’).html() 2. J(‘abc’).html(‘jser’) 结果： 1. ‘lhgcore’ 2. p id=”abc”jser/p isnl()：判断值是否为空参数：无示例：代码：input id=abc value=1111/ lhgcore代码： J(‘abc’).isnl() 结果： 返回假。如果id为’abc’的文本框值为空返回真，返之返回假。 val(val)：获或设匹配元素的值参数：val要设的值。示例：代码：input id=abc value=1111/ lhgcore代码： 1. J(‘abc’).val() 2. J(‘abc’).val(‘2222’) 结果： 1. ‘1111’ 2. input id=abc value=2222/ acls(className,append)：为匹配的元素添加指定的类名参数：指定的类名。 append: - 是否在原类上追加类示例：代码：p id=abclhgcore/p lhgcore代码： 1. J(abc).acls(item) 2. J(abc).acls(over,true) 结果： 1. p id=abc class=”item”lhgcore/p 2. p id=abc class=”item over”lhgcore/p rcls()：删除匹配的元素的类名参数：无示例：html代码： p id=abc class=itemlhgcore/p lhgcore代码： J(abc).rcls() 结果： p id=abclhgcore/pcrte(elem)：创建新的元素对象参数：elem - 要创建的元素示例：lhgcore代码： J().crte(‘div’) 结果： 在document上创建个div元素apch(elem,type)：在匹配的元素指定位置插入新元素参数：要插入的新元素。 type: - 新元素插入的有pr,be,af追加示例：html代码： p id=abcba/b/pvar div = J(doc).crte(div) // 这里先在上创建一个div对象 J(ab