JQuery 핵심 함수 및 정적 방법
$(function () {
alert("123");
});
$(function () {
// jquery div, jQuery
var $box = $("div");
console.log($box);
// js div, js
var box = document.getElementsByTagName("div");
console.log(box);
});
$(function () {
var $box = $("#box");
// $box.text(" ");
// jQuery js
// $box.innerText = " ";
// jQuery js
// : eq(0),eq jQuery ,get
// var box = $box.get(0);
var box = $box[0];
box.innerText = " ";
var box2 = document.getElementById("box");
// js jQuery
// box2.text(" 2");
// js js
// box2.innerText = " 2";
// js jQuery
var $box2 = $(box);
$box2.text(" 2");
});
Tips: 개발자 간의 의사소통과 읽기 편의를 위해 일반적으로 모든 jQuery 작업과 관련된 변수 앞에 $
$(function () {
var $eles = $("<p> span</p><u> u</u>");
// jQuery , jQuery
console.log($eles);
// DOM body
$("body").append($eles);
});
jQuery 객체
var $div = $("div");
console.log($div);
var arr = [1, 3, 5];
console.log(arr);
var obj = {0:"lnj", 1:"33", 2:"male", length: 3}
jQuery 정적 방법
window.onload = function () {
function AClass(){}
AClass.staticMethof = function(){
alert(' ');
}
AClass.prototype.instaceMethod = function(){
alert(' ');
}
//
AClass.staticMethof();
//
var instace = new AClass();
instace.instaceMethod();
}
04-jQuery
// $ ,
$.holdReady(true);
$(function () {
$("#first").click(function () {
alert(" ");
});
});
$("#second").click(function(){
$.holdReady(false);
});
$(function () {
// 3.1
var arr = [1, 3, 5, 7, 9];
// 3.1.1
//
//
// :
var res = arr.forEach(function (ele, idx) {
console.log(idx, ele);
});
console.log(res);
// 3.1.2 jQuery
//
//
// :
var $res2 = $.each(arr, function (idx, ele) {
console.log(idx, ele);
});
console.log($res2);
// 3.2
var obj = {name: "lnj", age:"33", gender:"male"};
// 3.2.1js forEach , forin
for(var key in obj){
console.log(key, obj[key]);
}
// 3.2.2 jQuery
$.each(obj,function (key, value) {
console.log(key, value);
});
});
$(function () {
// 4.1
var arr = [1, 3, 5, 7, 9];
// 4.1.1
//
//
//
// :
var res = arr.map(function (ele, idx, arr) {
console.log(idx, ele, arr);
return ele + idx;
});
console.log(res);
// 4.1.2 jQuery
//
//
// :
var $res2 = $.map(arr, function (ele,idx) {
console.log(idx, ele);
return ele + idx;
});
console.log($res2);
// 4.2
var obj = {name: "lnj", age:"33", gender:"male"};
/*
obj.map(function (ele, idx, obj) {
// , JS map
console.log(idx, ele, obj);
});
*/
var $res = $.map(obj, function (value, key) {
console.log(key, value);
return key + value;
});
console.log($res);
});
$(function () {
var str = " lnj ";
console.log("---"+str+"---");
var $res = $.trim(str);
console.log("---"+$res+"---");
});
$(function () {
//
var obj = {name:"lnj",age: "33", gender:"male"};
//
var arr = [1, 3, 5, 7, 9];
var $res = $.isArray(obj);
console.log($res);// false
var $res2 = $.isArray(arr);
console.log($res2);// true
});
$(function () {
var obj = {name:"lnj",age: "33", gender:"male"};
var arr = [1, 3, 5, 7, 9];
var fn = function () {}
var $res = $.isFunction(obj);
console.log($res);// false
$res = $.isFunction(arr);
console.log($res);
$res = $.isFunction(fn);
console.log($res);
// ,jQuery
$res = $.isFunction($);
console.log($res);
});
$(function () {
var obj = window;
var arr = [1, 3, 5, 7, 9];
var arrlike = {0:"zs", 1:"ls", length:2};
var $res = $.isWindow(obj);
console.log($res); // true
$res = $.isWindow(arr);
console.log($res); // false
$res = $.isWindow(arrlike);
console.log($res); // false
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.