jQuery学习总结一、jQuery概述jQuery就是一个快速、简洁的javascript库,jQuery封装了javascript常用的功能代码,优化了DOM操作,事件处理,动画设计和Ajax交互。二、jQuery的基本使用1、jQuery顶级对象$$就是jQuery的别称,同时 $也是jQuery的顶级对象,相当于原生代码的window,把元素用 $包装成jQuery对象,就可以调用jQue
转载 2023-05-26 20:56:09
142阅读
简介:jquery是JavaScript框架库的一种,写的少,做的多,链式编程,隐式迭代等。可以解决js的兼容性问题。JQuery中常用的方法 1、获取对象的值和设置对象的值1. $(对象).val();//获取对象的值 2. $(对象).html();//设置标签中间显示其他标签及内容,类似于innerHTML 3. $(对象).text();//设置标签间显示的文本内容,类似于in
转载 2023-06-01 15:52:59
564阅读
var isFormParent = $("input[type='checkbox']").parent() .is("form") ; $("div").text("isFormParent = " + isFormParent); 定义和用法 is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素至少有一个元素匹配给定的参数,则返回 true。语法.is
转载 2024-03-13 18:05:17
79阅读
DOM节点删除之empty()的基本用法要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素的所有子节点。这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本。因为,根据说明,元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML
转载 2023-12-10 09:33:52
128阅读
slideDown() 方法 定义和用法slideDown() 方法通过使用滑动效果,显示隐藏的被选元素。语法$(selector).slideDown(speed,callback)参数描述speed可选。规定元素从隐藏到可见的速度(或者相反)。默认为 "normal"。可能的值:毫秒 (比如 1500)"slow" "normal" "fast" 在设置速度的情况下,元素从隐藏到可见的过程
转载 2023-08-11 11:08:52
165阅读
        我这是我在逆战班学习js的第六周,今天让我来给大家解释一下jQuery框架jQuery动画的应用及方式        jQuery动画可以分为内置动画和自定义动画,下面让我们用代码来说明它的用法一、jQuery动画的属性
转载 2023-08-11 22:52:30
125阅读
这是我在面试遇到的一个问题,知识点不难,希望我们共勉~移除所有 <p> 元素:$("button").click(function(){ $("p").remove(); });定义和用法remove() 方法移除被选元素,包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,remove()
转载 2023-06-01 16:52:54
116阅读
jQuery常用方法jQuery 操作标签的内容html() 方法text() 方法val() 方法jQuery 操作标签的属性attr() 方法removeAttr() 方法prop() 方法jQuery 操作样式方法css() 方法jQuery 操作类名方法addClass() 添加类名removeClass() 移除类名toggleClass() 类名切换hasClass() 检测类名是否
转载 2023-06-01 17:39:12
147阅读
jq的append()就是在元素的最后面添加元素。 尤其注意的一点:如果是内部元素,第一个用append()方法添加的最后,那么第一个自动删除掉。 代码` <script type="text/javascript"> function switchLi() { $('ul').append($('ul li:eq(0)')); } </scr
使用jquery控制div的显示与隐藏,一句话就能搞定,例如:1.$("#id").show()表示为display:block, 或$("#id").hide()表示为display:none;2.$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,则切换为可见的。3.$("#id").css('display','none');//隐藏 $(
转载 2023-06-09 20:59:41
128阅读
每个then()函数都会返回一个新的deferred对象,then方法先根据父级状态执行添加的函数,然后再根据情况修改状态。在父级的deferred对象的三个添加函数done fail progress,都添加了一个相同的函数。如果函数的执行结果返回的也是一个deferred对象,则then方法返回的deferred对象对象的状态取决于函数返回的deferred对象。function() {
转载 2024-06-02 14:49:32
77阅读
八、jQuery中常见的静态方法trim() 方法——去除字符串两端的空格<script> //定义一个字符串,两端存在空格 var str = " string "; //使用jQuery的trim()方法去除两端的空格 var res = $.trim(str); //分别在控制台打印输出str和res对比不同 con
转载 2023-10-19 12:31:11
177阅读
是为了解决表单的验证问题,当然现在的js已经能够用来做各种各样炫酷的效果,不过表单验证一直以来都是js很重要的一个用途(在博客园第一篇博客,不知道说些什么开头~~)。     最近刚刚接触到了一个简答易用的表单验证插件jquery validation,下面来分享下这几天收集到的一些资料与学习心得。 一个优秀的表单验证插件:&n
转载 2024-06-24 21:11:25
23阅读
w3c 的定义jQuery 事件 - change() 方法   定义和用法当元素的值发生改变时,会发生 change 事件。该事件仅适用于文本域(text field),以及 textarea 和 select 元素。change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。注释:当用于 select 元素时,change 事件会
转载 2023-05-26 20:26:44
223阅读
实例返回拥有一个 <span> 元素在其内的所有 <p> 元素: $("p").has("span") 定义和用法has() 方法返回拥有匹配指定选择器的一个或多个元素在其内的所有元素。提示:如需选取拥有多个元素在其内的元素,请使用逗号分隔(参见下面的实例)。语法 $( selector).has( element) 参数描述elem
jQuery .on()是常用的方法,它類似于JavaScript 的addEventListener方法,可以監聽處理所有的事件。一. 使用方法 步驟1:使用選擇器建立 jQuery 選取集合; 步驟2:使用on()指定事件名稱和處理函數。 例如:$(“li”).on(“click”,function(){ $(this).addClass(“completed”); });二.例子.on(ev
转载 2023-06-01 16:51:01
87阅读
# 如何在jQuery中使用Bootstrap Table方法 Bootstrap Table是一个功能强大的表格插件,它基于Bootstrap构建,并整合了jQuery的优点。如果你是一名刚入门的开发者,想要在你的项目中实现Bootstrap Table,本文将为你逐步讲解整个过程。 ## 实现流程 以下是实现Bootstrap Table的主要步骤: | 步骤 | 描述
原创 8月前
83阅读
jQuery自带的一些常用方法总结这篇文章主要介绍了jQuery自带的一些常用方法总结,包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以参考下 本身方法($.each,$.map,$.contains,$ajax) 常用工具方法 (1)$.trim $.trim方法用于移除字符串头部和尾部多余的空格。 复制代码 代
转载 2024-09-06 23:07:01
14阅读
js函数this的指向函数在执行时内部会默认创建一个对象叫this,以不同的方式调用函数,内部的this指向是不一样的,this的指向在函数定义的时候是不能确定的,只有调用执行了函数以后才能确定this到底指向谁。谁直接调用了产生this的函数,this就指向谁。函数的调用方式大概有6种,所以this的指向也可以大致按照这6种来区分。函数名+小括号直接调用函数,this指向全局对象window。
val()返回匹配元素集合第一个元素value的属性值。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script sr
转载 2023-06-01 17:18:44
103阅读
  • 1
  • 2
  • 3
  • 4
  • 5