JavaScript > JQuery > Click Event

DrMadWill · Nov 26, 2021 · d9b6e39 · d9b6e39
1 parent 1e53872
commit d9b6e39
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 5 deletions.
diff --git a/11_Slider_App/Js/30_11_4_Slider_Duration.js b/11_Slider_App/Js/30_11_4_Slider_Duration.js
@@ -110,3 +110,5 @@ function inits(setting){
 
 
 
+
+
diff --git a/12_JQery/35_12_5_ClickEvent.js b/12_JQery/35_12_5_ClickEvent.js
@@ -0,0 +1,16 @@
+
+$(document).ready(function () {
+    $("ul li:first-child").text("Click me")
+    $("ul li:first-child").click(function (w){
+        w.target.className="btn bg-danger"
+        $(this).text("You Click me you will be dead")
+    })
+
+
+});
+
+$(function(){
+    $("img").click(function(w){
+        w.target.className="w-50"
+    })
+})
diff --git a/12_JQery/BasicHtml/index.html b/12_JQery/BasicHtml/index.html
@@ -16,7 +16,9 @@
   <body class="container p-4" >
 
 
-    <h3 id="header" class="display-4 m-5" ><a class="text-danger" href="https://code.jquery.com/">JQuery</a> Research</h3>
+    <h3 id="header" class="display-4 m-5" >
+      <a class="text-danger" href="https://code.jquery.com/">JQuery</a> Research
+    </h3>
     <ul class="m-2" id="list">
         <li class="item">Referance</li>
         <li><a href="https://code.jquery.com/">JQuery</a> Selectors</li>
@@ -33,7 +35,10 @@ <h3 id="header" class="display-4 m-5" ><a class="text-danger" href="https://code
 
 
 
-    <script src="../34_12_4_Method.js"></script>    
+    <!-- <script src="../34_12_4_Method.js"></script>     -->
+
+    <script src="../35_12_5_ClickEvent.js"></script>
+
     <!-- Bootstrap JavaScript Libraries -->
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

diff --git a/Documantation/12_JQuery/documantation.md b/Documantation/12_JQuery/documantation.md
@@ -15,9 +15,9 @@
 *** 
 > `selectors.css("property","value")` və ya ` let a={width:25px,height:25px}  selectors.css(a)`  bu şəkildə təyin edilmiş valueya style əlavə edirik
 - [Code](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/33_12_3_Styling_Content.html#L25)
+
 ### Methods
 ***
-
 - Mostly Use Methods:
     - >  **_get_** selector daxilindəki informasiyani gətirir. **_set_** method daxilinə yazılan informasiya ilə həmin informasiyanını düzənləyir.
     - `css()`
@@ -29,4 +29,20 @@
     - `removeClass()` => [Bütün Class-ları silir və ya method daxilinə yazılan clası silir.](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/34_12_4_Method.js#L22)
     - `toggleClass()` =>[yazılan Class-lar varsa silir yoxdursa əlvə edir.](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/34_12_4_Method.js#L25)
     - `append()` => [method daxilinə yazılan teqləri selector daxilinə əlvə edir.](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/34_12_4_Method.js#L28)
-- [Code](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/34_12_4_Method.js)
+- [Code](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/34_12_4_Method.js)
+
+```
+$(document).ready(function(){
+    console.log("ready")
+})
+
+və ya
+
+$(function(){
+    console.log("ready")
+})
+
+
+```
+
+> yuxarıda yazılan kod ancaq bütün kodları yükləndikdən sonra işləyəcək.
diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 ***
 ### To Do App 
 > Bu **app**-də listə itemləri əlavə edə bilirik və tək-tək və ya hamsı silə bilirik. Yazılan _data_-lar `localStorage`-ə yazılır. Yəni browser söndürülmədiyi müdətdə _data_-lar saxlanır, _reload_ edilsə belə.
-- [Preview](https://codepen.io/Dr-MadWill/pen/eYEoZPe)
+- [Preview](https://onlinegdb.com/dv9JU4MGr)
 - [Code Documatation](https://github.com/DrMadWill/JavaScript#todo-list-app)
 - **App**-in əsas xususiyyətləri:
     - `localStorage` istifadə 
@@ -82,5 +82,7 @@
     - [My Documatation](https://github.com/DrMadWill/JavaScript/blob/main/Documantation/12_JQuery/documantation.md#styling-content)
 - [Methods](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/34_12_4_Method.js)
     - [My Documatation](https://github.com/DrMadWill/JavaScript/blob/main/Documantation/12_JQuery/documantation.md#methods)
+- [Click Evevt]()
+    - [My Documatation]()