网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery
  • jQuery实现进入后整个网页渐显效果

    我们直接来看一个例子来看看jQuery实现进入后整个网页渐显效果。<!DOCTYPE html><html><head><title>jQuery实现进入后整个网页渐显效果——www.woaidaogu.com</title><meta charset="UTF-8"><meta name="viewport…

    2021/9/20 22:57:25
  • jQuery中remove()和empty()方法有什么区别?

    jQuery中删除元素和内容,一般可使用以下两个方法: 1、remove() 2、empty() 我们通过两个例子来说明一下两个方法的区别。<!DOCTYPE html><html><head><meta charset="utf-8"><title>jQuery中remove()和e…

    2021/9/20 22:13:30
  • jquery如何获取表单type="checkbox"复选框的值?

    jQuery 中非常重要的部分,就是操作DOM的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 我们通过以下例子来看看如何获取checkbox复选框的值。<!DOCTYPE html><html> <head> <title>…

    2021/9/20 22:00:49
  • jQuery中append/prepend和after/before有什么区别?

    我们先来熟悉一下用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 从字面上看appe…

    2021/9/18 21:44:09
  • jQuery如何获取表单单选项type=radio的值?

    jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 jQuery中的val()方法就是用来设置或返回表单字段的值。我们通过以下例子来看看val()方法如何获取表单中单选项radio的值。<…

    2021/9/18 21:36:50
  • jquery如何获取表单type="text"元素的值?

    jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 jQuery中的val()方法就是用来设置或返回表单字段type="text"元素的值。我们通过以下例子来看看val()方法如何获取表…

    2021/9/18 21:29:29
  • jQuery如何序列化表单的数据?

    jQuery序列化表单的数据需要用到serialize() 方法或serializeArray() 方法。 serialize() 方法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。 序列化的值可在生成 AJAX 请…

    2021/9/18 21:22:35
  • jQuery实现菜单的显示隐藏上下滑动效果

    菜单选项的显示和隐藏上下滑动效果是我们在做网站时经常用到的效果,今天我们就来看一个使用jQuery实现菜单显示隐藏上下滑动的例子。<!DOCTYPE html><html><head><meta charset="utf-8"><title>jQuery实现菜单的显示隐藏上下滑动…

    2021/9/16 22:15:51
  • jQuery回调函数Callback方法的基本用法

    为什么会需要回调函数? 因为在程序是非堵塞的,弹出消息之后,在我们还没在弹出框里面进行点击确认或者选择的时候,程序已经执行下面的语句了。这样我们就没有选择权了,不符合用户习惯,所以我们采用回调函数的方式。 把一个函数作为参数传入到我们的主函…

    2021/9/16 22:07:43
  • jQuery中使用attr函数如何给属性赋值?

    jQuery中为了实现给属性赋值需要用到attr函数,我们可以使用以下三种形式给属性赋值。 形式一:attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值。) 为了让大家明白jQuery中使用attr函数如何给属性赋值,我们列举了一个修改li titl…

    2021/9/16 21:48:19
  • text()、html()和val()三者的区别

    text()、html()和val()是三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值<!DOCTYPE html><html><head><meta charse…

    2021/9/13 22:03:08
  • mousedown事件和click事件有什么区别?

    在jQuery中的mousedown事件和click事件经常容易被搞混,今天我们就来说说这两个事件究竟有什么区别。mousedown事件 当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生 mousedown 事件。与 click 事件不同,mousedown 事件仅需要按键被按下,而…

    2021/9/13 21:43:22
  • 一张图让你弄懂mouseover和mouseenter的区别

    在jQuery中的mouseover事件和mouseenter事件经常容易搞混,弄不清楚什么时候应该用哪一个更合适,今天我们就来说说这两个事件应该如何正确使用。我们先来看看下面这张图片。mouseenter事件 当鼠标从元素之外移入元素之内时,事件被触发。而鼠标本身在元素内,要触…

    2021/9/13 21:39:08
  • jQuery中this与$(this)有什么区别?

    jquery中this与$(this)的用法区别.先看以下代码:$("#textbox").hover( function() { this.title = "Test";}, fucntion() { this.title = "OK”;}); 这里的this其实是一个Html元素(textbox),textbox有text属性,所以…

    2021/9/11 16:56:06
  • jQuery如何选取第一个ul元素的第一个li元素?

    选取第一个<ul>元素的第一个<li>元素使用JavaScript来处理的话,会很麻烦,但如果使用jQuery处理的话就会很简单$("ul li:first"),一句话就实现了,接下来我们看一个例子:<!DOCTYPE html><html><head><meta charset="u…

    2021/9/11 16:25:18
  • jQuery如何选取target属性值等于"_blank" 的a元素?

    jQuery选取所有target属性值等于"_blank"的<a>元素其实很简单,主要是用到了a标签的属性选择器$("a[target=_blank]"),下面我们来看看具体如何实现?<!DOCTYPE html><html><head><title>jQuery如何选取target属性值等…

    2021/9/9 23:31:54
  • jQuery如何选取table表格的td列?

    jQuery对table表格列的操作相对麻烦一点,但是如果我们知道了其中原理也不难。第一列实际上是每一行的第一个区域(td)的组合。所以我们可以用循环来实现对行的选择。 1.如果我们要选择第一列并且对其样式进行改变,我们可以用下面的语句来实现$(document).ready(fu…

    2021/9/9 23:25:04
  • jQuery如何选取table表格的偶数行元素?

    html中选取table表格的偶数行有很多种方法,可以直接用css,也可以使用JavaScript,今天我们就来说说jQuery如何选取table表格的偶数行<tr>,话不多说,我们直接来看例子:<!DOCTYPE html><html><head><title>jQuery如何选取table表格的偶数…

    2021/9/9 23:20:52
  • jQuery入口函数与JavaScript 入口函数的区别?

    jQuery 入口函数:$(document).ready(function(){ // 执行代码});或者$(function(){ // 执行代码});JavaScript 入口函数:window.onload = function () { // 执行代码}jQuery入口函数与JavaScript入口函数的区别? jQuery 的入口函数是在 html 所有标签(DO…

    2021/9/9 23:00:43
  • 使用jquery让TextArea根据文字内容多少自适应增加行数

    使用jquery让TextArea根据文字内容多少自适应增加行数,实现非常简单,只用到了style.height和scrollTop属性,让我们看看具体的代码是如何实现的?代码共享$(function(){ $.fn.autoHeight = function(){ function autoHeight(elem){ elem.style.height …

    2021/4/2 22:11:13
共29记录«上一页12下一页»