JavaScript > JQuery > Styling Content > add

DrMadWill · Nov 19, 2021 · 77ffe45 · 77ffe45
1 parent 7afa185
commit 77ffe45
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 6 deletions.
diff --git a/11_Slider_App/Js/28_11_2_Image_Loading.js b/11_Slider_App/Js/28_11_2_Image_Loading.js
@@ -43,4 +43,3 @@ val = 3;
 img.setAttribute('src',data[val].image);
 title.textContent = data[val].name;
 link.setAttribute('src',data[val].link);
-
diff --git a/12_JQery/33_12_3_Styling_Content.html b/12_JQery/33_12_3_Styling_Content.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>jQuery</title>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <!-- JQuery -->
+    <!-- <script src="jqery_lab/jquery-3.6.0.min.js"></script> -->
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+    <!-- Bootstrap CSS v5.0.2 -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"  integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+
+  </head>
+  <body class="container p-4" >
+    <h3 id="header"><a href="https://code.jquery.com/">JQuery</a> Research</h3>
+    <ul id="list">
+        <li class="item">Referance</li>
+        <li><a href="https://code.jquery.com/">JQuery</a> Selectors</li>
+        <li class="item">Plugins</li>
+    </ul>
+
+    <script>
+        //document.getElementById('header').style.color="red"
+        // single 
+        $("#header").css("color","red");
+        $("#header a").css("color","green");
+        // multi
+        let values = {
+          "border":"1px solid black",
+          "height":"22px"
+        }
+        $("li:first-child").css(values)
+
+        $("li:last-child").css({
+          color:"yellow",
+          background:"red",
+          margin:"25px",
+          padding:"23px",
+        })
+
+
+    </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>
+  </body>
+</html>
diff --git a/7_Dom/Html/style.css b/7_Dom/Html/style.css
@@ -1,3 +1,7 @@
 a{
     color:white;
-}
+}
+
+li:first-child{
+    margin: 0;
+}
diff --git a/Documantation/12_JQuery/documantation.md b/Documantation/12_JQuery/documantation.md
@@ -3,8 +3,14 @@
 - JQuery veb səyfədə iki cür istifadə edə bilərik.
     - [Dowload content use Local link](https://github.com/DrMadWill/JavaScript/blob/d80c8fa544c8a683a63aca03985ea396ce11af87/12_JQery/31_12_1_JQuery_Referance.html#L16)
     - [Global Link](https://github.com/DrMadWill/JavaScript/blob/d80c8fa544c8a683a63aca03985ea396ce11af87/12_JQery/31_12_1_JQuery_Referance.html#L19) 
-
+- [Code](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/31_12_1_JQuery_Referance.html#L16)
 ## Selectors
 ***
-- _$("")_ daxilinə css selcetorlarnini yaza bilərik.
-    - Element birdən çox olsa listə yığılır.
+> _$("")_ daxilinə css selcetorlarnini yaza bilərik.
+- Element birdən çox olsa listə yığılır.
+- [Code](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/32_12_2_Selectors.html#L26)
+## Styling Content
+*** 
+> `selectors.css("property","value")` və ya ` let a={width:25px,height:25px}  selectors.css(a)`  bu şəkildə təyin edilmiş valueya style əlavə edirik
+
+
diff --git a/README.md b/README.md
@@ -1,13 +1,14 @@
 # Learning JavaScript
 
 ## Fayl strukturunun izahi
+***
 - a_b_c_fayl.js
     - _a_ ümumi sıra
     - _b_ ders başlığının sırası
     - _c_ Dersin sırası
 
 ##  My Research in JavaScript 
-
+***
 - Variables
     - [Variables](https://github.com/DrMadWill/JavaScript/blob/main/1_Variables/JavaScript/1_1_1_variable_script.js)
     - [Datatype](https://github.com/DrMadWill/JavaScript/blob/main/1_Variables/JavaScript/2_1_2_datatype.js)
@@ -59,5 +60,7 @@
         - [My Documatation](https://github.com/DrMadWill/JavaScript/blob/main/Documantation/12_JQuery/documantation.md#referance)
     - [Selectors](https://github.com/DrMadWill/JavaScript/blob/main/12_JQery/32_12_2_Selectors.html)
         - [My Documatation](https://github.com/DrMadWill/JavaScript/blob/main/Documantation/12_JQuery/documantation.md#selectors)
+    - Styling Content
+        - My Documatation
Original file line number	Diff line number	Diff line change
Expand Up		@@ -43,4 +43,3 @@ val = 3;
		img.setAttribute('src',data[val].image);
		title.textContent = data[val].name;
		link.setAttribute('src',data[val].link);