jquery
专职
人生苦短,我用python
展开
-
django项目中使用jquery操作购物车页面
最终结果如图:(1)使用js实现了全选、全不选、选几个(2)购物车数量增加、减少、手输数量(3)购物车记录的删除详细代码如下:{% extends "base_no_cart.html" %}{% load staticfiles %}{% block title %}天天生鲜-购物车{% endblock title %}{% block page_title %}购物车{% endblock page_title %}{% block body %} &l原创 2020-10-04 18:24:29 · 278 阅读 · 0 评论 -
jquery如何清除select标签中option选中的内容
$("#order_type option:selected").text("");$("#order_nature option:selected").text("");原创 2020-07-31 13:12:54 · 1983 阅读 · 0 评论 -
jquery如何实现表单验证
一. html中的代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> {% load staticfiles %} <link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}"> &l.原创 2020-06-19 16:53:19 · 500 阅读 · 0 评论 -
jquery框架和其它javascript框架在一起如何使用$
$.noConflict();jQuery(document).ready(function ($) { $("button").click(function () { $.getJSON("/load/", function (data) { $.each(data, function (key, value) { alert(key + ": " + value); }) }) .原创 2020-06-19 13:42:45 · 165 阅读 · 0 评论 -
jquery遍历json对象的两种方法
方法一:each方法$(document).ready(function () { $("button").click(function () { $.getJSON("/load/", function (data) { $.each(data, function (key, value) { alert(key + ": " + value); }) }) })}).原创 2020-06-19 13:32:12 · 1492 阅读 · 0 评论 -
jquery中ajax请求load的用法
views.py中的代码:# 处理jquery中load的请求def load(request): return JsonResponse({"name": "马亚南", "age": 28})html中的代码:<script> $(document).ready(function () { $("button").click(function () { $("div").load("/load2/", function (r.原创 2020-06-19 13:12:53 · 160 阅读 · 0 评论 -
jquery操作css类的方法
addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性案例:<script> $(document).ready(function () { $("button").click(function () { {#$(".ul02, .ul01").addClass("blue lg.原创 2020-06-19 10:17:30 · 186 阅读 · 0 评论 -
jquery实现页面刷新后保留鼠标点击事件
<script> $(document).ready(function () { $('.pagination li a').each(function () { if ($($(this))[0].href == String(window.location)) { $('.pagination li').removeClass("active"); $(this).parent(.原创 2020-06-19 09:40:16 · 474 阅读 · 0 评论 -
jquery中添加元素、创建元素、删除元素的几种方法
一. append prepend after before实例:$("button").click(function () { var $div01 = $("div"); $div01.append("---哈哈哈"); $div01.prepend("嘿嘿嘿---"); $div01.after("<div>这是第二个div标签</div>"); $div01.before("<div>这是第0个div标签</di.原创 2020-06-18 17:22:30 · 532 阅读 · 1 评论 -
jquery中如何获取修改设置元素中的内容及元素中的属性值
1. 获得内容 - text()、html() 以及 val()text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值2. 获取属性 - attr()例如:$("button").click(function(){ alert($("#w3s").attr("href")); /* 获取id为w3s元素中属性href对应的网址 */});3. 上面的三个 jQuery 方法:text.原创 2020-06-18 15:02:36 · 805 阅读 · 0 评论 -
jquery中自定义动画效果实现
1. 语法: $(selector).animate({params},[speed,callback]);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。animate方法几乎可以操作css的所有属性,但是不能操作色彩属性2. 操作属性时还可以使用相对值,例如$("button").click(function(){ .原创 2020-06-18 12:06:09 · 870 阅读 · 0 评论 -
jquery中针对元素的显示隐藏/淡入淡出/滑动效果等方法
# 下面的speed参数可以等于(slow,fast或毫秒)一:显示隐藏1. hide([speed, callback]) 隐藏元素2. show([speed, callback]) 显示元素3. toggle([speed, callback]) 切换元素显示与隐藏二:淡入淡出透明效果4. fadeIn([speed, callback]) 淡入效果5. fadeOut([speed, callback]) 淡出效果6. fadeToggle([speed, call.原创 2020-06-18 11:39:12 · 788 阅读 · 0 评论 -
jquery和bootstrap引用源
<!-- 新 Bootstrap 核心 CSS 文件 --><link href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <!-- 可选的Bootstrap主题文件(一般不使用) --><script src="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap-th.原创 2020-06-10 14:56:37 · 370 阅读 · 0 评论 -
jquery里面的常用事件
jquery中的常用事件12个:1. ready DOM加载事件2. click 点击事件3. focus 获取焦点事件4. blur 失去焦点事件5. mouseover 鼠标进入事件(进入子元素也触发)6. mouseout 鼠标移出事件(移出子元素也触发)7. mouseenter 鼠标进入事件(进入子元素不触发)8. mouseleave 鼠标移出事件(移...原创 2019-12-28 14:54:30 · 946 阅读 · 0 评论 -
jquery常用选择器以及对选择集进行过滤和转移
原创 2019-12-26 14:47:33 · 140 阅读 · 0 评论