正文
jquery写法,jquery介绍
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
如何在js 文件中使用jquery
1.js
其中1.html代码如下：
如要测试还需要加上jquery.js 这个可自行下载
运行后点击按钮效果如图：
下面再附上网上的一些方法：
1、直接document.write
script language="javascript"
document.write("script src='test.js'\/script");
/script
2、动态改变已有script的src属性
script src='' id="s1"/script
script language="javascript"
s1.src="test.js"
/script
3、动态创建script元素
script
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
/script
其实原理就是利用dom动态的引入一个js到文件中来，就能和原有的js通信了。
jquery选择一元素的父类元素的写法
jquery提供了parent()方法获得当前匹配元素集合中每个元素的父元素，例如
$("p").parent(".selected"); // 查找每个段落的带有 "selected" 类的父元素：
实例演示如下:
1、HTML结构
li name="li-1"a href="#"第1个超链接/a/li
li name="li-2"a href="#"第2个超链接/a/li
li name="li-3"a href="#"第3个超链接/a/li
li name="li-4"a href="#"第4个超链接/a/li
2、jquery代码
$(function(){
$("a").click(function() {
var str = $(this).parent("li").attr("name");
alert(str);
});
});
3、效果演示
jquery怎么写
你的代码是没有问题的，可能出现不对的原因有两个，
一个是没有加jquery库
另外一个就是你a元素里面有网址点击以后就跳转了
一下是已经测试好的代码
ul class="tab tab_y1"
a href="#"li广西北海/li/a
a href="#"li潮汕厦门/li/a
/ul
script src=""/script
script
$(function(){
$('ul.tab a li').click(function(){
$(this).addClass('on');
})
})
/script
jquery几种书写格式
几种书写格式
//1、原始
$(document).ready(function(){
document.write("test1", "br/");
});
//2、缩写
$(function(){
document.write("test3", "br/");
});
//3、意义为在DOM加载完毕后执行了ready()方法
jQuery(function(){
document.write("test4", "br/");
});
//等价于
jQuery(document).ready(function(){
document.write("test5", "br/");
});
$(document).ready(function(){
(function(){
document.write("aaa", "br/");
})(jQuery);
//立即执行函数；相当于先申明一个函数，声明完后直接调用；
(function(){
document.write("bbb", "br/");
})();
(function(str){
document.write(str, "br/");
})("output");
//相当于：
function OutPutFun(str){
document.write(str, "br/");
};
OutPutFun("output");
});
JQuery常用写法
jQuery(function(){})、jQuery().ready(function(){})
绑定点击事件: jQuery('#temp').click(function() {})；
筛选:jQuery('#temp [type="checkbox"]').prop('disabled'，false)； 这句话的作用就是将id为temp的对象下所有类型是复选框的子对象的禁用给解用。
其实jQuery确实很强大，有时间的话，你可以看看jQuery的帮助文档。
