JQuery الدرس السادس فى

jQuery Effects

الجزء الخامس والاخير

Chaining:

يمكن جمع اكثر من (effect) فى سطر واحد كالتالى:

مثال:

<!DOCTYPE html>

<html>

<head>

<script src=”jquery-1.10.2.min.js”>

$(document).ready(function()

{

$(“button”).click(function(){

$(“#p1”). slideUp(1000).slideDown(3000);

});

});

</script>

</head>

<body>

<p id=”p1″>jQuery chaining</p>

<button>Click here</button>

</body>

</html>

استخدام لغة (CSS) مع (JQuery)

يمكن استخدام لغة (CSS)مع الجى كويرى وذلك لتغيير الاستايل الخاص باكواد (HTML) كالتالى:

مثال:

<!DOCTYPE html>

<html>

<head>

<script src=”jquery-1.10.2.min.js”>

$(document).ready(function(){

$(“button”).click(function(){

$(“p”).css(“background-color”,”blue”);

});

});

</script>

</head>

<body>

<p style=”background-color:#ff0000″>Hello.</p>

<button>click here</button>

</body>

</html>

وفى حالة كتابة اكثر من خاصية داخل الاستايل فتكون كالتالى:

$(“p”).css({“background-color”:”blue”,”font-size”:”16px”});

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: