?? JavaScript? jQuery? ????? ?? API? ?? DOM? ????? ?? ? ? ????. 1. document.querySelector () ? QuerySelectorAll ()? ???? ??? ???? ???? ?? ??? ??????. 2. ??? ???? ???? ?? ??? ???? ?? E.Target.Matches ()? ???? ?? ??? ??? ????? ?? ??? ?????. 3. document.createelement ()? ?? ??? ????? insertadjacenthtml ()? html? ?????. 4. Setattribute (), ?????? ? ??? ??? ???? ?? ??, ??? ?? ? ???? ?????. 5. ParentNode, NextElementsibling, QuerySelector ?? ?? jQuery? ???? ?? DOM ???? ??; 6. el.remove ()? ???? ?? ????? ?? ? ??? ??? ??????. parentnode.removechild (); 7. TextContent? ???? ??? ??? ??? ??????. ?? ? ???? ??????. innerhtml? html? ???? ? ?????. 8. DOCLE.ADDEVENTLISTERNER ( 'DOMCONTENTLOWD')? ???? DOM??? ? ??? ?????. 9. jQuery selector? ??????? ?? $ ? $$ ??? ???? ??? ???? ???? ?? $ .on? ??? ? ? ????. 10. ?? ??? ???? ?? ???, ??? ??? ??, ?? DOM ?? ? ???? ???? ? ??? ????. ??? API? ???? Modern JavaScript? ? ?? jQuery? ?? ? ??? ??? ??? ??? ????? ?? ??? ????.
??? ? ??? ?? jQuery, ?? ?? JavaScript (ES6)??? ?? ????? ?? Dom API? ?????? ???? ?????????. jQuery??? ?? DOM ??? ????? ??? ?? ? ??? ???? ? ?? ?????. ??? JavaScript? ???? ????? ?? ??? ???? ??? ??? ????.
1. jQuery? ?? ?? ??
JQuery? Flexible $() ???? ?? ??? ?? ??????. ?? ?? ????? ??? ???? ??? ?????.
// ?? ?? (? : $ ( 'selector'). get (0) ?? $ ( 'selector') [0]) const el = document.querySelector ( '. my-class'); // ?? ?? (jQuery ???? ?? Nodelist returns) const els = document.querySelectorall ( '. my-items'); // ??? ??, ?? ?? ?????. const activelinks = docum
? ? : Array.from() ?? ???? ??? ???? NodeList map , filter ?? ??? ?????.
const texts = [... document.querySelectorall ( 'li')].?? (li => li.textContent);
2. jQuery??? ??? ???
? ??? ???? ???? ?? ???? ??? ???? ??????.
document.addeventListener ( 'click', (e) => {
// ?? ? ??? ???? ????? ??????
if (e.target.matches ( 'button.delete')) {
console.log ( '?? ?? :', e.target.dataset.id);
}
}); ? ??? ?? ? ????? ?????.
? ?? ??? ???? ??? ??? ????.
3. ?? ??? ? ??
jQuery : $('<div class="box">Content</div>').appendTo('#container');
??? JS :
const div = document.createelement ( 'div'); Div.ClassName = 'box'; div.textContent = 'content'; document.getElementById ( '????'). AppendChild (div);
?? ?? HTML ??? ?? insertAdjacentHTML() ??????.
document.body.insertadjacenthtml ( 'preciet', '<div class = "alert"> new Message </div>');
? ?? : 'beforebegin' , 'afterbegin' , 'beforeend' , 'afterend'
4. ??, ??? ? ??? ????
??
el.setattribute ( 'data-id', 123); el.getAttribute ( 'href'); el.removeattribute ( 'disabled');
??? ( classList ??)
el.classlist.add ( 'Active'); el.classlist.remove ( 'hidden'); el.classlist.toggle ( 'Visible'); el.classlist.contains ( 'selected');
??? ???
el.style.opacity = '0.5'; el.style.display = 'none'; // ?? ???? ?? ?? CSS ??? ??? ?????? el.classlist.add ( 'fade-out');
5. ?? ?? ??? ????
jQuery? ????? ????? ??????. ?? ?? :
| jQuery | ??? JS |
|---|---|
$(el).parent() | el.parentNode |
$(el).children() | el.children (htmlcollection) |
$(el).next() | el.nextElementSibling |
$(el).prev() | el.previousElementSibling |
$(el).find('.child') | el.querySelector('.child') ?? el.querySelectorAll() |
?:
const parent = el.parentNode; const firstchild = parent.firstelementchild; const lastchild = parent.lastelementchild;
6. ??? ??????
jQuery : $('#item').remove();
??? JS :
el.remove (); // ?? ????
?? ???? ?? :
if (el.parentNode) {
el.parentNode.RemoveChild (el);
}7. HTML ? ??? ??? ??
| ?? | ?? |
|---|---|
| ?? HTML? ????? | el.innerHTML |
| ?? HTML? ?????? | el.innerHTML = '<b>new</b>' |
| ??? ? ????? | el.textContent |
| ??? ? ?????? | el.textContent = 'Plain text' |
?? ??? ?? textContent ??????. innerHTML ?? ???? ????.
8. Dom Ready? ???? ? (jQuery Ready??)
jQuery : $(document).ready(fn)
??? JS :
document.addeventListener ( 'domContentLoaded', () => {
console.log ( 'dom is is ready');
}); ?? <body> ?? ????? ???? - ???? ??????.
9. ??? ???? ?? (?? jQuery ??)
??? ??? ??? ??? ??????.
const $ = (???, context = document) => context.querySelector (???);
const $$ = (selector, context = document) => [... Context.QuerySelectorAll (???)];
// ??:
const ?? = $ ( '. ??');
const links = $$ ( 'nav a');
// ??? ??
$ .on = (??, ???, ???, ???) => {
target.addeventListener (???, (e) => {
if (e.target.matches (selector)) handler.call (e.target, e);
});
};
// ?? :
$ .on (??, 'click', '.btn', (e) => alert ( 'clicked!'));??? ?? ???? jQuery? ?? ??? ?????.
10. ?? ?
- ????? ??? ? ?? ??? .
- ?? ?? ? ??? ??? ???? ??????.
- ?? DOM ??/?? - ??? ?? ?? ??? ?????.
- ?? ??? ????? DocumentFragment? ??????.
const fragment = document.createDocumentFragment ();
for (i = 0; i <100; i) {
const li = document.createelement ( 'li');
li.textContent =`item $ {i}`;
Fragment.AppendChild (Li);
}
list.appendChild (??); // ??? ?? ?? ????? ?? JavaScript? ?? ??????? JQuery? ?? ? ?? ?? ?????. querySelector , classList , addEventListener ? insertAdjacentHTML ???? ?? DOM ??? ???? ????? ?? ? ? ????.
????? ??? ??? JS? ??? ?? ??? ????? ????.
? ??? jQuery??? ?? DOM ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
vscode settings.json ??
Aug 01, 2025 am 06:12 AM
settings.json ??? ??? ?? ?? ?? ?? ?? ??? ??? VSCODE ??? ??? ???? ? ?????. 1. ??? ?? ?? : Windows? C : \ Users \\ AppData \ Roaming \ Code \ User \ Settings.json, MacOS IS /users//library/applicationsupport/code/user/settings.json, linux? /home//.config/code/user/settings.json; 2. Workspace ?? ?? : .vscode/settings project root ????
JDBC? Java? ??? ???? ??? ??????
Aug 02, 2025 pm 12:29 PM
JDBC ????? ???? ????? ?? ?? ?? ??? ?? ?? ??? ?? ? ?? ??? ?? ?? ?? ??? ???????. 1. ????? ????? Conn.SetAutoCommit (False)?? ??????. 2. ??? ? ????? ?? ?? SQL ??? ?????. 3. ?? ??? ??? ?? Conn.commit ()?? ???? ??? ???? ???? ?? ??? ???? Conn.Rollback ()?? ??????. ???, ? ??? ???? ????, ??? ???? ????, ?? ??? ??? ?? ??? ??? ???? ? ???????. ?? ?? ?? ???? ????? ??? ???? ?? ?? ???? ???? ??? ????? ?? ??? ??? ? ?? ???? ?? ????.
???? ??? ?? Java? ??? ?? ??? ?
Aug 01, 2025 am 05:53 AM
??? (DI) ISADESIGNPATTORNWHEREWHEDROUDIVESTESTESTETESTERGROWCONSTRUCTOR, 2.SPRINGFRAMEWWERTHUSENONTATIONS? ??@autowiredWithjava ?? CONCUTTATIONS LIKERWITHCONSTRUCTOR, ORFIELDINGESS.2.SPRINGFRAMEWWERTHUSENNOTATIONS
??? ????? ETL ? Python
Aug 02, 2025 am 08:48 AM
Python? ETL ????? ???? ???? ?????. 1. ??? ?? : ??????, API, ?? ? ?? ???? Pandas, Sqlalchemy, ?? ? ?? ?????? ?? ???? ?? ? ? ????. 2. ??? ?? : ??, ?? ??, ???, ?? ? ?? ??? ??? ???? ??? ??? ???? ??? ??????. 3. ??? ?? : Pandas 'To_SQL ??? ?? ???? ??? SDK? ???? ?? ???? ???? ???? ?? ?? ? ?? ?????? ?????. 4. ?? ?? ?? : ?? ??, Dagster, Prefect? ???? ???? ? ??? ???? ?? ?? ? ?? ??? ???? ???? ?? ??? ??????.
JVM (Java Virtual Machine) ?? ??
Aug 01, 2025 am 06:31 AM
thejvmenablesjava? "WriteOnce, Runynywhere"??? ?? excodecodethroughfourmaincomponents : 1. theclassloadersubsystemloads, ??, ? intinitializes.classfilesusingbootsprap, extension, andapplicationclassloaders, ensuringsecureandlazyclasloa
Java? ??? ?? ??? ??????
Aug 02, 2025 am 02:38 AM
?? ?? ? ?? ???? ???? ?? Java.Time ???? ???? ??????. 2. LocalDate, LocalDateTime ? LocalTime? ?? ?? ??? ??? ?????. 3. () ???? ???? ?? ??? ??? ????. 4. ???/???? ??? ???? ??? ????? ??? ??????. 5. ZonedDateTime ? Zoneid? ???? ???? ??????. 6. DateTimeFormatter? ?? ?? ? ?? ?? ?? ???; 7. ??? ?? ?? ?? ??? ????? ?? ??????. ?? Java? ?? ??? ???? ??? ??? ???? Java.Timeapi ??? ?? ??? ???????.
Google Chrome? ?? ??? ? ? ????
Aug 01, 2025 am 05:24 AM
chromecanopenlocalfiles likehtmlandpdfsbyusing "OpenFile"OrdraggingTheMintoTheBrowser; ensuretHeadDressStartSwithFile : ///; 2.SecurityRestrictionSblockajax, LocalStorage, andcross-folderaccessonfile : //; usealocalsertpython-mhtpython-mhtpython-mhtppy
???? ?? ? ??? ??
Aug 01, 2025 am 06:40 AM
NetworkPortSandfirewallsworkTogetToenableCommunication whileensuringsecurity.1.networkportSarevirtualendpointsnumbered0–65535, Withwell-nownports like80 (http), 443 (https), 22 (ssh) ? 25 (smtp) ?? (specservices
