他の言語と比較すると、JavaScript スクリプト言語は非常に小さく精巧で、活発でスマートです。私は個人的に JavaScript コードを書くのがとても好きです。インターネットには、jQuery、Prototype、Base、ExtJ などの有名な JavaScript ライブラリがたくさんありますが、それらは非常に強力で使いやすいものでもあります。ただ、あまり満足できない点は、ライブラリ自体が大きすぎることです。いくつかの関数を使用するためだけに、ライブラリ全体をインポートする必要がある場合があります。jQuery の場合、圧縮後でも 70 KB を超え、Web ページ ファイルよりも大きくなることがあります。しかし、開発を支援するライブラリが必要なので、いくつかの単純なセレクターのみをサポートする軽量の JavaScript ライブラリを作成しました。セレクターの多くは jQuery からメソッドを借用し、それらに pj という名前を付けました。ソース コードをダウンロードします。
ここにあります。
セレクターの簡単な説明:
pj("#id");//id セレクター、たとえば: pj("#header")、ID をヘッダーとして受け取ります 要素
pj( "tag");//タグ セレクター、例: pj("div")、ページ上のすべての div を取得
pj("[tag].class");//クラス セレクター、例: pj( "[tag].ClassName")、クラスが ClassName
pj("#id>tag") である [tag] 要素を取得します。 //次のように、指定された ID の下にあるすべての指定された要素を取得します。 header>a")、ヘッダー要素の下のすべての a 要素として ID を取得します (子孫要素を含む)
pj("tag>tag");//指定されたタグの下にある指定されたタグのすべての要素を取得します。 as: pj("li>a") ページ上のすべての li 要素の下にある a 要素を取得します (子孫要素を含む)
pj("tag[,#id,tag.class][attr=value]:0, 2"); //指定された属性または添字に基づいて要素を取得します。例: pj("div[name=value]:0,3") name 属性を含むページ内の最初と 4 番目の要素を取得します。値
pj("
");// div を生成します
pj("
Content
");// コンテンツを含む div を生成します
static プロパティとメソッド
LEFT_POSITION
RIGHT_POSITION
TOP_POSITION
BOTTOM_POSITION
LEFT_TOP_POSITION
LEFT_BOTTOM_POSITION
RIGHT_TOP_POSITION
RIGHT_BOTTOM_POSITION
準備完了(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()
setLocationManyTo()
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()
高さ()
幅()
アニメーション()
slideDown()
slideUp()
slideRight()
slideLeft()
scrollDown()
scrollUp( )
scrollRight()
scrollLeft()
hide()
show()
fadeIn()
fadeOut()
小さなデモ
