一個輕量級的javascript庫pj介紹_lib_js
來源:懂視網
責編:小采
時間:2020-11-27 20:56:27
一個輕量級的javascript庫pj介紹_lib_js
一個輕量級的javascript庫pj介紹_lib_js:相對于其他語言來說,javascript腳本語言太小巧玲瓏了,活潑靈動。個人非常喜歡寫javascript代碼。雖說網絡上出名的javascript庫充斥網絡,jQuery、Prototype、Base、ExtJs……,功能也非常強大,使用起來也方便。但是有一個不太令人滿意的地方,就是庫本身太
導讀一個輕量級的javascript庫pj介紹_lib_js:相對于其他語言來說,javascript腳本語言太小巧玲瓏了,活潑靈動。個人非常喜歡寫javascript代碼。雖說網絡上出名的javascript庫充斥網絡,jQuery、Prototype、Base、ExtJs……,功能也非常強大,使用起來也方便。但是有一個不太令人滿意的地方,就是庫本身太

相對于其他語言來說,javascript腳本語言太小巧玲瓏了,活潑靈動。個人非常喜歡寫javascript代碼。雖說網絡上出名的javascript庫充斥網絡,jQuery、Prototype、Base、ExtJs……,功能也非常強大,使用起來也方便。但是有一個不太令人滿意的地方,就是庫本身太大了。有時只是用其中幾個功能就必須得把整個庫引進來,就jQuery來說,壓縮了也還有70多KB,有時比一個網頁文件還大。但我們有需要一個庫來協助開發,所以自己就寫了一個輕量級的javascript庫,只支持一些簡單的選擇器,其中很多選擇器,方法借鑒了jQuery,命名為pj.下載源代碼
這里只簡單介紹一下
選擇器:
pj("#id");//id選擇器, 如: pj("#header"),取id為header的元素
pj("tag");//標簽 選擇器, 如: pj("div"),取頁面所有的div
pj("[tag].class");//class選擇器, 如: pj("[tag].ClassName"), 取class為ClassName的[tag]元素
pj("#id>tag");//取指定id下的所有指定元素;如: pj("#header>a"), 取id為header元素下的所有a元素[包括子孫元素]
pj("tag>tag");//取指定標簽下面所有指定標簽的元素;如: pj("li>a") 取頁面所有li元素下面的a元素[包括子孫元素]
pj("tag[,#id,tag.class][attr=value]:0,2");//根據指定的屬性或者下標取元素;如: pj("div[name=value]:0,3") 取頁面中含有name屬性并且值為value的第一和第四個元素
pj("");//生成一個div
pj("內容");//生成一個帶有內容的div
靜態屬性和方法
LEFT_POSITION
RIGHT_POSITION
TOP_POSITION
BOTTOM_POSITION
LEFT_TOP_POSITION
LEFT_BOTTOM_POSITION
RIGHT_TOP_POSITION
RIGHT_BOTTOM_POSITION
ready(fn);
extend(target,fn);
bind({method:function(){}})
isObject(elem)
isFunction(elem)
isArray(elem)
isString(elem)
trim(str)
merge(target,src)
getStyle(target,name)
setStyle(target,{})
mouseX(e)
mouseY(e)
stopBubble(e)
stopDefault(e)
pageHeight()
pageWidth()
windowHeight()
windowWidth()
setOpacity(target,value)
enableDrag(trigger,target)
parseToQueryString(form)
isContain(parent,child)
id(id)
tag(tag)
resetCSS(target,{})
x(target)
y(target)
wh(target,name)
pj對象屬性和方法
timer
length
get()
each()
addListener()
attr()
removeAttr()
stop()
appendTo()
remove()
addClass()
removeClass()
setClass()
cut()
step()
setLocationRelatedTo()
isVisible()
locate()
bind()
getStyle()
setStyle()
abort()
blur()
change()
click()
dblclick()
error()
focus()
keydown()
keypress()
keyup()
load()
unload()
mousedown()
mousemove()
mouseout()
mouseover()
mouseup()
reset()
resize()
select()
submit()
left()
top()
right()
bottom()
height()
width()
animate()
slideDown()
slideUp()
slideRight()
slideLeft()
scrollDown()
scrollUp()
scrollRight()
scrollLeft()
hide()
show()
fadeIn()
fadeOut()
小演示
代碼如下:
無標題文檔 聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
一個輕量級的javascript庫pj介紹_lib_js
一個輕量級的javascript庫pj介紹_lib_js:相對于其他語言來說,javascript腳本語言太小巧玲瓏了,活潑靈動。個人非常喜歡寫javascript代碼。雖說網絡上出名的javascript庫充斥網絡,jQuery、Prototype、Base、ExtJs……,功能也非常強大,使用起來也方便。但是有一個不太令人滿意的地方,就是庫本身太