찾다
웹 프론트엔드JS 튜토리얼jQuery 노트 - 도구 기능 - jQuery 로고
jQuery 노트 - 도구 기능 - jQuery 로고Jul 08, 2017 am 11:10 AM
jquery기능메모

jQuery는 많은 도구 함수를 정의하지만 이 함수 중 네임스페이스는 래퍼 집합에서 작동하지 않습니다. 사용자는 이를 최상위 함수로 간주할 수 있습니다. 실제로는 정적으로 입력된 함수와 유사합니다.

일반적으로 도구 기능의 주요 작업은 DOM 이외의 JavaScript 객체를 작동하거나 객체와 관련되지 않은 작업을 수행하는 것입니다.

jQuery는 $에 정의된 변수를 통해 개발자에게 유용한 고객 정보를 제공합니다. 이러한 플래그 정보를 통해 현재 브라우저의 기능을 쉽게 감지할 수 있으므로 사용자는 이 정보를 기반으로 의사결정을 내릴 수 있습니다.

이러한 플래그 정보에는 jQuery.browser, jQuery.boxModel 및 jQuery.support가 포함됩니다. userAgent 속성은 탐지 값을 반환합니다. 그러나 jQuery는 버전 1.3부터 ​​더 이상 이 방법을 지원하지 않습니다. 이유는 사용하기 번거롭고 jQuery의 스마트 기능에 어긋나기 때문입니다. 2. 기능 감지 방법: 브라우저가 특정 기능을 지원하는지 여부에 따라 작동 방법을 결정합니다.

정확하지 않음, 가장 안전함 不 브라우저의 정체성에 관심이 없고 브라우저의 실행 능력에만 관심이 있다면 이 방법으로 충분합니다. R 예: re

            var a;
            if(document.getElementsByName){               //如果存在getElementsByName,则使用该方法获取a元素
                a = document.getElementsByName("a");
            }
            else if(document.getElementsByTagName){       //如果存在getElementsByTagName,则使用该方法获取a元素
                a = document.getElementsByTagName("a")
            }

객체, 메소드 또는 속성을 사용할 때 현재 브라우저가 이를 지원하는지 먼저 감지할 수 있습니다. 논리식에서 브라우저가 지원하는 경우 개체, 속성 또는 메서드가 반환되고 JavaScript는 이러한 개체나 멤버를 강제로 true로 변환합니다. 지원되지 않는 경우 undefound가 반환되고 JavaScript는 이를 자동으로 false로 변환합니다.

참고: 메서드나 함수를 감지할 때 괄호를 추가하지 마세요. 그렇지 않으면 JavaScript 인터프리터가 메서드나 함수를 호출하고 지정된 함수가 없으면 컴파일 오류가 발생합니다.

브라우저 유형 감지:

js: var browser = navigator.userAgent;

jQuery: 브라우저 속성. Internet Explorer, Mozilla, Webkit, Opera 및 각 버전 정보 플래그 등 가장 널리 사용되는 4가지 브라우저 클래스를 감지할 수 있습니다. + ~                     사용 가능한 플래그로는 webkit, Safari(지원 중단됨), Opera, msie 및 mozilla가 있습니다. R b $. jquery의 브라우저 속성

1.9가 제거되었습니다.

사용자가 현재 사용하고 있는 브라우저와 관련된 정보를 반환하는 데 사용됩니다.

이 속성은 Navigator.useragent 속성을 기반으로 브라우저 정보

를 결정하므로 해당 식별이 반드시 정확하지는 않기 때문에 브라우저를 감지하는 데 사용하지 않는 것이 좋습니다.

2. 상자 모델 감지

jQuery.boxModel: 플래그는 현재 페이지에서 어떤 상자 모델이 사용되는지 확인할 수 있습니다. true: W3C 표준 박스 모델, false: IE 브라우저 박스 모델

                                  jQuery1.0 新增该静态属性;1.3中被标记已过时,请使用 jQuery.support.boxModel替代;1.8中被移除。

除IE浏览器外,其他浏览器都支持W3C标准盒模型,而IE浏览器能够根据页面模式(严格模式或怪异模式)有选择的使用不同类型的盒模型。如果页面顶部声明了文档类型(DOCTYPE),则IE也会采用严格模式,即W3C标准盒模型解析元素。如果文档当中没有包含文档类型(DOCTYPE),或者包含了无法识别的文档类型声明,即会以怪异模式显示,并按IE的传统的盒模型来解析元素。

IE传统的盒模型和W3C标准盒模型的区别:

1.IE传统盒模型:width和height属性包含内边距和边框宽度

2.W3C标准盒模型:width和height属性不包含内边距和边框宽度

用JavaScript检测盒模型:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>检测盒模型[JavaScript]</title>
    <script src="js/jquery2.1.3.min.js"></script>
    <script type="text/javascript">
        function isBoxModel(){
            var p = document.createElement("p");
            p.style.width = p.style.paddingLeft = "1px";
            document.body.appendChild(p);
            var width = p.offsetWidth;
            p.style.display = "none";
            document.body.removeChild(p);
            return width === 2;
        }
        window.onload = function(){
            alert(isBoxModel() && "支持W3C标准盒模型" || "支持IE的怪异解析模式");
        }
    </script>
</head>
<body>
</body>
</html>

三、检测功能或缺陷

jQuery的support属性:

返回一个Object对象,在该对象中包含了一组属性,他们代表了不同的浏览器功能或缺陷的存在的合集。

该对象的属性并不是一成不变的,jQuery也并不保证指定的属性在未来的版本中一定可用,这些属性主要供插件或内核开发人员使用。



위 내용은 jQuery 노트 - 도구 기능 - jQuery 로고의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
jquery实现多少秒后隐藏图片jquery实现多少秒后隐藏图片Apr 20, 2022 pm 05:33 PM

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

axios与jquery的区别是什么axios与jquery的区别是什么Apr 20, 2022 pm 06:18 PM

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

jquery怎么修改min-height样式jquery怎么修改min-height样式Apr 20, 2022 pm 12:19 PM

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

jquery怎么在body中增加元素jquery怎么在body中增加元素Apr 22, 2022 am 11:13 AM

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

jquery怎么删除div内所有子元素jquery怎么删除div内所有子元素Apr 21, 2022 pm 07:08 PM

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

jquery中apply()方法怎么用jquery中apply()方法怎么用Apr 24, 2022 pm 05:35 PM

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

jquery怎么去掉只读属性jquery怎么去掉只读属性Apr 20, 2022 pm 07:55 PM

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。

jquery on()有几个参数jquery on()有几个参数Apr 21, 2022 am 11:29 AM

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.