js/jquery实现连线拖拽
先看效果图: https://blog.peos.cn/wp-content/uploads/2022/10/2022-10-31-16.03.53.mp4 code: <!DOCTYPE html> <html> <body> <style type="text/css"> body, svg{width: 100vh; height: 100vh;} svg{ position: relative; } </style> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <h1>My f...
JQuery如何监听DIV内容变化
JQuery如何监听DIV内容变化 $("#wb_follow_btn").bind('DOMNodeInserted', function(e){ alert('element now contains: '+ $(e.target).html()); }); //可以检测title变化 $("title").bind('DOMNodeInserted', function(e) { document.title='Web Skype'; });
jquery模版引擎:jquery tmpl 详解
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML。 浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是,结构不复杂的时候还好,结构一复杂,就想死了,需要很小心很小心地写出几乎无法维护的 JavaScript 代码。 因此一些用模...
jquery下拉加载更多
<!DOCTYPE=html> <html> <head> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ var range = 50; //距下边界长度/单位px var elemt = 500; //插入元素高度/单位px var maxnum = 20; //设置加载最多次数 var num = 1; var totalheight = 0; var main = $("#content"); ...
如何设置jquery的ajax方法为同步
Ajax请求默认的都是异步的 如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: "some.php", async: false }).responseText; 或者在全局设置Ajax属性 $.ajaxSetup({ async: false }); 再用post,get就是同步的了
jquery text()方法取标签中的文本
本节主要介绍了jquery使用text()方法取标签中的文本的具体实现,需要的朋友可以参考下 <span id="236" class="active" type="teacher" ww="nn"> <input type="checkbox" onclick="event.cancelBubble=true;"> 刘4 </span> 获取文本“刘4” 获取id $("input:checked",".simpleTree").each(function(){ var currentNode = $(this).parent(); var isfolder = currentNode.text(); var id=currentNode.attr("id") alert(isfolder); });
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
JQuery是一个非常容易上手的框架,但是有很多东西需要我们深入学习的。 判断checkbox是否被选中网上有选多种写法,这里有一种方法,个人觉得 比较方便。 因为比较简单,没什么技术含量,直接代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值</title> <script type="text/jav...
Jquery取得iframe中元素
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 js 在父窗口中获取iframe中的元素 1. Js代码 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("btnOk").click(); 2. Java代码 格式: var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj....
jquery 获取select 控件的选中文本/值
jQuery取得select选择的文本与值 标签: 杂谈 分类: JS jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex; 设置select: 设置select 选中的索引: $("#ddlregtype ").get(0).selectedindex=index;//index为索引值 设置select 选中的value: $("#ddlregtype ").attr("value","normal“); $("#ddlregtype ").val("normal"...
jQuery点击弹出 +1放大效果
;(function ($) { $.extend({ clicktip: function (options) { options = $.extend({ obj: null, //jq对象,要在那个html标签上显示 str: "+1", //字符串,要显示的内容;也可以传一段html,如: "<b style='font-family:Microsoft YaHei;'>+1</b>" startSize: "10px", //动画开始的文字大小 endSize: "30px", //动画结束的文字大小 interval: 600, //动画时间间隔 ...