lhgcore JS 框架使用说明
lhgcore核心函数:
lhgcore的核心功能都是通过这个函数实现的。这个函数最基本的用法就是向它传递一个元素id,然后根据这个元素的id来查找所匹配的元素。
语法:J(id,document)
参数:id –要查找元素的id。
document –指定的页面的document对象。
返回:匹配的元素对象或lhgcore对象。
默认情况下, 如果没有指定document参数,J()将在当前的 HTML document中查找 DOM 元素,如果指定了document参数,那就会在这个指定的其它页面的HTML document中查找DOM元素。
参数id还有3种特例情况:
如果id 为’body’。
如果id 为’doc’则代表对document对象进行操作。
如果id为’#+id’则可直接返回匹配的元素对象。
示例:
1. 描述:查找id为’abc’的元素并取它的innerHTML值。
html代码:
<div id=”abc”>lhgcore</div>
lhgcore代码:
J(‘abc’).html()
结果:
’lhgcore’
2. 描述:。
html代码:
<body>
<iframe id=”frm” src=”” frameborder=”0”></iframe>
</body>
lhgcore代码:
var inndoc = J(‘#frm’).;
J(‘body’,inndoc);
结果:
。
3. 描述:在当前页面创建新的元素div。
lhgcore代码:
J(‘doc’).crte(‘div’);
4. 描述:直接返回id匹配的元素对象。
html代码:
<div 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内容的值。如不指定此参数则取HTML的值。
示例:
html代码:
<p id="abc">lhgcore</p>
lhgcore代码:
1. J(‘abc’).html() 2. J(‘abc’).html(‘jser’)
结果:
1. ‘lhgcore’ 2. <p id=”abc”>jser</p>
isnl():判断表单元素对象值是否为空。
参数:无
示例:
html代码:
<input id="abc" value="1111"/>
lhgcore代码:
J(‘abc’).isnl()
结果:
返回假。如果id为’abc’的文本框值为空返回真,返之返回假。
val(val):获取或设定匹配的表单元素的值。
参数:val - 要设定的表单元素的值。
示例:
html代码:
<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):为匹配的元素添加指定的类名。
参数:className - 指定的类名。
append: - 是否在原类上追加指定类名。如不指定此参数则如果原没有class则增加class,如果原来有class则替换原来的class。
示例:
html代码:
<p id="abc">lhgcore</p>
lhgcore代码:
1. J('abc').acls('item') 2. J('abc').acls('over',true)
结果:
1. <p id="abc" class=”item”>lhgcore</p>
2. <
lhgcore框架使用说明 来自淘豆网m.daumloan.com转载请标明出处.
